@fluencypassdevs/cycle 1.21.1 → 1.27.2

package/dist/index.d.ts

@@ -13,6 +13,11 @@ export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collap
 export { Separator } from './ui/separator.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './ui/card.js';
 export { Breadcrumb, BreadcrumbDot, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbSwitcherTrigger } from './ui/breadcrumb.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './ui/table.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationLinkProps, PaginationNext, PaginationPrevious } from './ui/pagination.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './ui/command.js';
+export { StepStatus, Stepper, StepperProps, StepperStep } from './ui/stepper.js';
+export { FileDropzone, FileDropzoneItem, FileDropzoneItemProps, FileDropzoneItemStatus, FileDropzoneLabels, FileDropzoneProps, FileRejectionReason, formatFileSize } from './ui/file-dropzone.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './ui/tabs.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './ui/sheet.js';
 export { ScrollArea, ScrollBar } from './ui/scroll-area.js';
@@ -40,8 +45,8 @@ export { ChatThread, ChatThreadMessage, ChatThreadMessageStatus, ChatThreadPerso
 export { ChatPanel, ChatMessage as ChatPanelMessage, ChatPanelProps } from './ui/chat-panel.js';
 export { LikeDislike, LikeDislikeProps, LikeDislikeValue, likeDislikeVariants } from './ui/like-dislike.js';
 export { LiveWaiting, LiveWaitingProps } from './ui/live-waiting.js';
-export { AudioPlayer, AudioPlayerLabels, AudioPlayerProps, AudioPlayerRef } from './ui/audio-player.js';
-export { CaptionTrack, VideoPlayer, VideoPlayerLabels, VideoPlayerProps, VideoPlayerRef } from './ui/video-player.js';
+export { AudioPlayer, AudioPlayerLabels, AudioPlayerProps, AudioPlayerRef, AudioPlayerSrc } from './ui/audio-player.js';
+export { CaptionTrack, VideoPlayer, VideoPlayerLabels, VideoPlayerProps, VideoPlayerRef, VideoPlayerSrc } from './ui/video-player.js';
 export { PlayerLocale, PlayerLocaleData, VideoDesktopLabels, playerLocales } from './ui/player-i18n.js';
 export { Toaster, cycleToast } from './ui/sonner.js';
 export { Alert, AlertAction, AlertClose, AlertDescription, AlertProps, AlertTitle, alertVariants } from './ui/alert.js';
@@ -65,6 +70,7 @@ import 'react/jsx-runtime';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import 'radix-ui';
+import 'cmdk';
 import '@vidstack/react/player/layouts/default';
 import 'sonner';
 import 'react-resizable-panels';

package/dist/index.js

@@ -1,59 +1,64 @@
 "use client";
-export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-WZTN5NHK.js';
-export { Skeleton } from './chunk-7QFXFNTZ.js';
-export { Spinner } from './chunk-TDBDX5NV.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-AHHT4FZS.js';
 export { Fab, fabVariants } from './chunk-FQZHCNV7.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-WNG6RPIA.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './chunk-UAIVLCPV.js';
 export { Editor } from './chunk-7I2M55D7.js';
 import './chunk-JB64LF6D.js';
+export { ClassLogo, GroupTalkLogo, PrivateTalkLogo, ProductLogo } from './chunk-WZTN5NHK.js';
 export { FluencypassIcon, FluencypassLogo } from './chunk-2SGRMGCM.js';
-export { Toaster, cycleToast } from './chunk-7ZSICZXA.js';
-export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-PS3MV5G7.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './chunk-U6TIZ4VM.js';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './chunk-LCBAI3A3.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './chunk-6AZLLBX6.js';
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup } from './chunk-6GP26S4R.js';
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from './chunk-SDLHXYPS.js';
-export { ChatThread } from './chunk-EAVNA2RW.js';
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-2KFWBA76.js';
-export { SelectorBar } from './chunk-SKBY6OZL.js';
-export { ChatPanel } from './chunk-YHCDOHJL.js';
+export { Skeleton } from './chunk-7QFXFNTZ.js';
 export { LiveWaiting } from './chunk-NKBTC4IF.js';
-import './chunk-7FJ7LRSV.js';
-export { AudioPlayer } from './chunk-LM5ZJFLA.js';
-export { VideoPlayer } from './chunk-UHFMTX23.js';
+export { AudioPlayer } from './chunk-GKJ45JXA.js';
+export { VideoPlayer } from './chunk-QXZRH3HU.js';
 export { playerLocales } from './chunk-EFT7BHN7.js';
-export { Stack } from './chunk-ICNOGTXR.js';
-export { Grid, GridItem } from './chunk-325K2R3T.js';
-export { FileCard, fileCardVariants } from './chunk-ULVUD6RZ.js';
-export { ChatBubble, chatBubbleVariants } from './chunk-VHNPIT56.js';
+export { Toaster, cycleToast } from './chunk-7ZSICZXA.js';
+export { Alert, AlertAction, AlertClose, AlertDescription, AlertTitle, alertVariants } from './chunk-PS3MV5G7.js';
+export { ChatThread } from './chunk-EAVNA2RW.js';
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-2KFWBA76.js';
 export { ChatAudio, ChatMessage, chatMessageVariants } from './chunk-VUVC2NAK.js';
 export { LikeDislike, likeDislikeVariants } from './chunk-RPU3FY62.js';
-export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-T2TJG24M.js';
 export { MessageRating } from './chunk-YIOXPV2N.js';
 export { MessageBar } from './chunk-TK67WF35.js';
-export { Switch, switchVariants } from './chunk-Y5M7UK7R.js';
-export { Slider, sliderVariants } from './chunk-6H7AHQ5J.js';
-export { Toggle, toggleVariants } from './chunk-FVWCKX3O.js';
-export { Progress, indicatorVariants, progressVariants } from './chunk-GDPUWRNH.js';
+export { SelectorBar } from './chunk-SKBY6OZL.js';
+export { ChatPanel } from './chunk-OLYW5LVG.js';
+import './chunk-7FJ7LRSV.js';
+export { ChatBubble, chatBubbleVariants } from './chunk-VHNPIT56.js';
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from './chunk-T2TJG24M.js';
 export { ProgressStage } from './chunk-OM4W6UQG.js';
 export { ProgressDot, dotVariants, progressDotVariants } from './chunk-E7MMJTJY.js';
 export { CircularProgress, circularProgressVariants } from './chunk-KNJTTOAD.js';
 export { Container, containerVariants } from './chunk-JRQLKRNY.js';
+export { Stack } from './chunk-ICNOGTXR.js';
+export { Grid, GridItem } from './chunk-325K2R3T.js';
+export { FileCard, fileCardVariants } from './chunk-ULVUD6RZ.js';
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './chunk-5TA6AMTY.js';
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-ULGVGD73.js';
+export { ScrollArea, ScrollBar } from './chunk-6ZID2UNI.js';
+export { Checkbox, checkboxVariants } from './chunk-XNSKKZB6.js';
+export { RadioGroup, RadioGroupItem, radioVariants } from './chunk-3VRHZPW6.js';
+export { Switch, switchVariants } from './chunk-Y5M7UK7R.js';
+export { Slider, sliderVariants } from './chunk-6H7AHQ5J.js';
+export { Toggle, toggleVariants } from './chunk-FVWCKX3O.js';
 export { Separator } from './chunk-2Z64TSF6.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './chunk-JNAJZM2L.js';
 export { Breadcrumb, BreadcrumbDot, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbSwitcherTrigger } from './chunk-IGK22LGG.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-P7Y2OBHX.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './chunk-T73O7F3B.js';
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-GI7MEYSN.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-AHHT4FZS.js';
+export { Stepper } from './chunk-ONEVPGJY.js';
+export { FileDropzone, FileDropzoneItem, formatFileSize } from './chunk-WVCNTN4F.js';
+export { Spinner } from './chunk-TDBDX5NV.js';
+export { Progress, indicatorVariants, progressVariants } from './chunk-GDPUWRNH.js';
 import './chunk-N2F3ZG2S.js';
 export { Achievement, Ai, Answer, Badge as BadgeIcon, Certificate, Chat as ChatIcon, Checkpoint, Completion, Conversation, Course, Deadline, Dialogue, Dictionary, Diploma, DotLive, Exercise, Feedback, Flashcard, Fluency, Goal, Grammar, GroupClass, Highlight, Language, Lesson, Listening, Live, MemoryCard, Milestone, Module, Presentation, PrivateClass, Progress as ProgressIcon, Question, Quiz, Ray, Reading, Recap, RecordedClass, Recurring, Repetition, Required, Schedule, Sentence, Streak, Task, Translate, Unit, Vocabulary, Whiteboard } from './chunk-KLX547KZ.js';
 export { CycleIcon, ICON_SIZES } from './chunk-US5LXJTO.js';
 import './chunk-LYTC7UMN.js';
-export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from './chunk-5TA6AMTY.js';
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from './chunk-ULGVGD73.js';
-export { ScrollArea, ScrollBar } from './chunk-6ZID2UNI.js';
-export { Checkbox, checkboxVariants } from './chunk-XNSKKZB6.js';
-export { RadioGroup, RadioGroupItem, radioVariants } from './chunk-3VRHZPW6.js';
 export { Button, buttonVariants } from './chunk-LALM2LHM.js';
 export { Input } from './chunk-OC5O5LV4.js';
 export { Textarea } from './chunk-KPE5CRIS.js';

package/dist/marketing/effects/index.js

@@ -1,10 +1,10 @@
 "use client";
-export { CircleGlow } from '../../chunk-4MDQXCMY.js';
 export { CardDarkGlow } from '../../chunk-NEMGLKDF.js';
 export { Marquee } from '../../chunk-HCVRYT4T.js';
-export { MagneticButton } from '../../chunk-QRJ4WJKZ.js';
 export { RotatingWord } from '../../chunk-X2ZI3JOX.js';
 export { HandUnderline } from '../../chunk-L6XU524P.js';
+export { MagneticButton } from '../../chunk-QRJ4WJKZ.js';
+export { CircleGlow } from '../../chunk-4MDQXCMY.js';
 import '../../chunk-2XFXNZNW.js';
 import '../../chunk-2MBHI4VU.js';
 import '../../chunk-W4KJCBMW.js';

package/dist/marketing/motion/index.js

@@ -1,10 +1,10 @@
 "use client";
-export { AnimatedNumber } from '../../chunk-XKMHNJCL.js';
-export { SmoothAnchor } from '../../chunk-GD4HLQDQ.js';
 export { RevealOnScroll } from '../../chunk-CRZ5YYB7.js';
 export { StaggerReveal } from '../../chunk-VHHYWRLE.js';
+export { AnimatedNumber } from '../../chunk-XKMHNJCL.js';
 import '../../chunk-2XFXNZNW.js';
 import '../../chunk-2MBHI4VU.js';
+export { SmoothAnchor } from '../../chunk-GD4HLQDQ.js';
 import '../../chunk-W4KJCBMW.js';
 import '../../chunk-2NMEKWO5.js';
 //# sourceMappingURL=index.js.map

package/dist/marketing/typography/index.js

@@ -1,8 +1,8 @@
 "use client";
-export { SectionSubtitle } from '../../chunk-WAIOC22O.js';
 export { HeroHeading } from '../../chunk-K2CCV6UB.js';
 export { SectionHeading } from '../../chunk-IWRXFK4K.js';
 export { SectionEyebrow } from '../../chunk-WLDNN4UF.js';
+export { SectionSubtitle } from '../../chunk-WAIOC22O.js';
 import '../../chunk-W4KJCBMW.js';
 import '../../chunk-2NMEKWO5.js';
 //# sourceMappingURL=index.js.map

package/dist/styles/tokens.css

@@ -931,6 +931,12 @@
   --checkbox-handle-bg: var(--primary-foreground);
   --divider: 1px solid var(--border);
   --section-divider: 1px solid var(--border);
+  /* O tema default do Vidstack trata este menu como popup FLUTUANTE e termina a
+     animação de entrada em `translateY(-24px)` (`theme.css`, "Mobile Popup").
+     Aqui ele é uma bottom sheet colada embaixo — sem zerar o offset sobra uma
+     faixa de 24px sob a sheet mostrando a página. A animação continua (ela
+     interpola de `--exit-transform` até este valor). */
+  --enter-transform: translateY(0) !important;
 }
 
 :is(.dark, .light) .vds-menu-items[data-root]:not([data-placement]) {
@@ -976,6 +982,17 @@
   display: none !important;
 }
 
+/* ...mas quando o vídeo não tem faixa de legenda o `DefaultFontMenu` retorna
+   `null` (`if (!$hasCaptions) return null`), e aí a regra acima deixaria o
+   submenu Acessibilidade completamente vazio — o aluno abre e não vê nada.
+   Nesse caso o menu inteiro sai de cena: o `.vds-accessibility-menu` é o
+   `Menu.Root`, então esconder ele tira também o item "Acessibilidade" do menu
+   raiz. Com legenda anexada nada muda (o `.vds-font-menu` existe). */
+
+.vds-accessibility-menu:not(:has(.vds-font-menu)) {
+  display: none !important;
+}
+
 /* ─── Legenda no mobile: corpo mínimo legível ─── */
 /* O tamanho do cue do Vidstack é proporcional à altura do player
    (`--cue-default-font-size: calc(--overlay-height / 100 * 4.5)`). No player

package/dist/ui/audio-player.d.ts

@@ -12,9 +12,23 @@ interface AudioPlayerLabels {
     /** Label da velocidade normal no menu (default depende do locale) */
     speedNormal?: string;
 }
-interface AudioPlayerProps {
-    /** URL do audio (mp3, ogg, m3u8) */
+/** Fonte de audio: URL string ou objeto com MIME type explicito.
+    O Vidstack infere o tipo pela EXTENSAO no path da URL — quando ela nao
+    existe (blob: de arquivo local, endpoints sem extensao) ou engana
+    (.ogg casa com o regex de VIDEO da lib), o provider de audio nunca
+    carrega. Nesses casos, passar { src, type } (ex: type do File.type
+    local ou o ContentType salvo no upload). Para `blob:`, qualquer
+    `type` serve — o componente normaliza internamente para
+    "audio/object" (rota garantida do Vidstack: a decodificacao fica com
+    o <audio> nativo, que aceita formatos fora da allowlist da lib,
+    como audio/wav de gravacoes). */
+type AudioPlayerSrc = string | {
     src: string;
+    type: string;
+};
+interface AudioPlayerProps {
+    /** Fonte do audio: URL (mp3, wav, m4a, m3u8...) ou { src, type } para blob:/URL sem extensao/.ogg */
+    src: AudioPlayerSrc;
     /** Nome da track/aula */
     title: string;
     /** Subtitulo / nome do curso */
@@ -49,4 +63,4 @@ interface AudioPlayerProps {
 }
 declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<AudioPlayerRef>>;
 
-export { AudioPlayer, type AudioPlayerLabels, type AudioPlayerProps, type AudioPlayerRef };
+export { AudioPlayer, type AudioPlayerLabels, type AudioPlayerProps, type AudioPlayerRef, type AudioPlayerSrc };

package/dist/ui/audio-player.js

@@ -1,5 +1,5 @@
 "use client";
-export { AudioPlayer } from '../chunk-LM5ZJFLA.js';
+export { AudioPlayer } from '../chunk-GKJ45JXA.js';
 import '../chunk-EFT7BHN7.js';
 import '../chunk-N2F3ZG2S.js';
 import '../chunk-KLX547KZ.js';

package/dist/ui/chat-panel.js

@@ -1,11 +1,11 @@
 "use client";
-export { ChatPanel } from '../chunk-YHCDOHJL.js';
+export { ChatPanel } from '../chunk-OLYW5LVG.js';
 import '../chunk-7FJ7LRSV.js';
 import '../chunk-VHNPIT56.js';
 import '../chunk-T2TJG24M.js';
+import '../chunk-6ZID2UNI.js';
 import '../chunk-US5LXJTO.js';
 import '../chunk-LYTC7UMN.js';
-import '../chunk-6ZID2UNI.js';
 import '../chunk-LALM2LHM.js';
 import '../chunk-W4KJCBMW.js';
 import '../chunk-2NMEKWO5.js';

package/dist/ui/command.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { Dialog } from './dialog.js';
+import 'radix-ui';
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+/** Paleta de comandos em modal (Cmd+K). Composta com o Dialog do Cycle. */
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+/** Atalho de teclado alinhado a direita do item (ex: ⌘K) */
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/ui/command.js

@@ -0,0 +1,12 @@
+"use client";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../chunk-GI7MEYSN.js';
+import '../chunk-AHHT4FZS.js';
+import '../chunk-N2F3ZG2S.js';
+import '../chunk-KLX547KZ.js';
+import '../chunk-US5LXJTO.js';
+import '../chunk-LYTC7UMN.js';
+import '../chunk-LALM2LHM.js';
+import '../chunk-W4KJCBMW.js';
+import '../chunk-2NMEKWO5.js';
+//# sourceMappingURL=command.js.map
+//# sourceMappingURL=command.js.map

package/dist/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"command.js"}

package/dist/ui/file-dropzone.d.ts

@@ -0,0 +1,53 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/** Motivo de rejeição na validação de SELEÇÃO (upload é problema do consumidor) */
+type FileRejectionReason = "type" | "size" | "empty" | "count";
+interface FileDropzoneLabels {
+    /** Instrução principal (default: "Arraste um arquivo ou clique para selecionar") */
+    instruction?: string;
+    /** Texto de apoio (ex: "MP3 ou WAV até 20 MB") — default derivado de accept/maxSize */
+    hint?: string;
+    /** Mensagens de erro por motivo de rejeição */
+    errors?: Partial<Record<FileRejectionReason, string>>;
+}
+interface FileDropzoneProps extends Omit<React.ComponentProps<"div">, "onDrop"> {
+    /** Tipos aceitos, sintaxe do input nativo (ex: "audio/*,.mp3" ou "image/png,image/jpeg") */
+    accept?: string;
+    /** Tamanho máximo por arquivo, em bytes */
+    maxSize?: number;
+    /** Permitir múltiplos arquivos */
+    multiple?: boolean;
+    /** Máximo de arquivos por seleção (só com multiple) */
+    maxFiles?: number;
+    disabled?: boolean;
+    /** Arquivos que passaram na validação de seleção */
+    onFilesAccepted: (files: File[]) => void;
+    /** Arquivo rejeitado + motivo (type | size | empty | count) */
+    onFileRejected?: (file: File, reason: FileRejectionReason) => void;
+    /** Textos customizáveis (defaults PT-BR) */
+    labels?: FileDropzoneLabels;
+}
+/** Formata bytes em PT-BR (1,2 MB) */
+declare function formatFileSize(bytes: number): string;
+declare function FileDropzone({ accept, maxSize, multiple, maxFiles, disabled, onFilesAccepted, onFileRejected, labels, className, ...props }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
+type FileDropzoneItemStatus = "idle" | "uploading" | "success" | "error";
+interface FileDropzoneItemProps extends React.ComponentProps<"div"> {
+    /** Nome do arquivo */
+    name: string;
+    /** Tamanho em bytes (formatado em PT-BR) */
+    size?: number;
+    /** Estado do upload — o upload em si é do consumidor */
+    status?: FileDropzoneItemStatus;
+    /** Progresso 0–100 (exibido quando status="uploading") */
+    progress?: number;
+    /** Mensagem exibida quando status="error" */
+    error?: string;
+    /** Remove o arquivo da lista (também usado para cancelar) */
+    onRemove?: () => void;
+    /** Label do botão remover (default: "Remover arquivo") */
+    removeLabel?: string;
+}
+declare function FileDropzoneItem({ name, size, status, progress, error, onRemove, removeLabel, className, ...props }: FileDropzoneItemProps): react_jsx_runtime.JSX.Element;
+
+export { FileDropzone, FileDropzoneItem, type FileDropzoneItemProps, type FileDropzoneItemStatus, type FileDropzoneLabels, type FileDropzoneProps, type FileRejectionReason, formatFileSize };

package/dist/ui/file-dropzone.js

@@ -0,0 +1,12 @@
+"use client";
+export { FileDropzone, FileDropzoneItem, formatFileSize } from '../chunk-WVCNTN4F.js';
+import '../chunk-TDBDX5NV.js';
+import '../chunk-GDPUWRNH.js';
+import '../chunk-N2F3ZG2S.js';
+import '../chunk-KLX547KZ.js';
+import '../chunk-US5LXJTO.js';
+import '../chunk-LYTC7UMN.js';
+import '../chunk-W4KJCBMW.js';
+import '../chunk-2NMEKWO5.js';
+//# sourceMappingURL=file-dropzone.js.map
+//# sourceMappingURL=file-dropzone.js.map

package/dist/ui/file-dropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"file-dropzone.js"}

package/dist/ui/pagination.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+interface PaginationLinkProps extends React.ComponentProps<"a"> {
+    /** Página atual — aplica visual outline + aria-current="page" */
+    isActive?: boolean;
+    /** Tamanho do botão (tokens do Button) */
+    size?: "icon-sm" | "icon" | "sm" | "default";
+    /** Renderiza o filho como link (ex: Next <Link>) mantendo o visual */
+    asChild?: boolean;
+}
+declare function PaginationLink({ className, isActive, size, asChild, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationPrevious({ className, label, ...props }: PaginationLinkProps & {
+    label?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PaginationNext({ className, label, ...props }: PaginationLinkProps & {
+    label?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PaginationEllipsis({ className, label, ...props }: React.ComponentProps<"span"> & {
+    label?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, PaginationPrevious };

package/dist/ui/pagination.js

@@ -0,0 +1,11 @@
+"use client";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../chunk-T73O7F3B.js';
+import '../chunk-N2F3ZG2S.js';
+import '../chunk-KLX547KZ.js';
+import '../chunk-US5LXJTO.js';
+import '../chunk-LYTC7UMN.js';
+import '../chunk-LALM2LHM.js';
+import '../chunk-W4KJCBMW.js';
+import '../chunk-2NMEKWO5.js';
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map

package/dist/ui/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"pagination.js"}

package/dist/ui/stepper.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type StepStatus = "completed" | "current" | "upcoming" | "error";
+interface StepperStep {
+    /** Rótulo da etapa (ex: "Dados do curso") */
+    label: string;
+    /** Texto de apoio opcional abaixo do rótulo */
+    description?: string;
+}
+declare const stepIndicatorVariants: (props?: ({
+    size?: "sm" | "default" | null | undefined;
+    status?: "current" | "error" | "completed" | "upcoming" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface StepperProps extends Omit<React.ComponentProps<"ol">, "onClick">, VariantProps<typeof stepIndicatorVariants> {
+    /** Etapas na ordem do fluxo (2–8) */
+    steps: StepperStep[];
+    /** Índice (0-based) da etapa atual */
+    currentStep: number;
+    /** Índices de etapas com erro de validação */
+    errorSteps?: number[];
+    /** Orientação — horizontal (desktop) ou vertical (mobile/sidebars) */
+    orientation?: "horizontal" | "vertical";
+    /** Classe de tema aplicada apenas nos estados ativos (ex: "theme-class") */
+    theme?: string;
+    /** Torna etapas CONCLUÍDAS clicáveis para voltar — validação de pulo fica no consumidor */
+    onStepClick?: (index: number) => void;
+}
+declare function Stepper({ steps, currentStep, errorSteps, orientation, size, theme, onStepClick, className, ...props }: StepperProps): react_jsx_runtime.JSX.Element;
+
+export { type StepStatus, Stepper, type StepperProps, type StepperStep };

package/dist/ui/stepper.js

@@ -0,0 +1,10 @@
+"use client";
+export { Stepper } from '../chunk-ONEVPGJY.js';
+import '../chunk-N2F3ZG2S.js';
+import '../chunk-KLX547KZ.js';
+import '../chunk-US5LXJTO.js';
+import '../chunk-LYTC7UMN.js';
+import '../chunk-W4KJCBMW.js';
+import '../chunk-2NMEKWO5.js';
+//# sourceMappingURL=stepper.js.map
+//# sourceMappingURL=stepper.js.map

package/dist/ui/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"stepper.js"}

package/dist/ui/table.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/ui/table.js

@@ -0,0 +1,7 @@
+"use client";
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '../chunk-P7Y2OBHX.js';
+import '../chunk-LYTC7UMN.js';
+import '../chunk-W4KJCBMW.js';
+import '../chunk-2NMEKWO5.js';
+//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.js"}

package/dist/ui/video-player.d.ts

@@ -20,9 +20,18 @@ interface VideoPlayerRef {
 }
 /** @deprecated Use `Partial<VideoDesktopLabels>` — kept for backward compatibility */
 type VideoPlayerLabels = Partial<VideoDesktopLabels>;
-interface VideoPlayerProps {
-    /** URL do video (mp4, webm, m3u8 para HLS) */
+/** Fonte de video: URL string ou objeto com MIME type explicito.
+    O Vidstack infere o tipo pela EXTENSAO no path da URL — quando ela nao
+    existe (blob: de arquivo local, endpoints sem extensao), o provider
+    nao carrega. Nesses casos, passar { src, type } (ex: type do File.type
+    local ou o ContentType salvo no upload). */
+type VideoPlayerSrc = string | {
     src: string;
+    type: string;
+};
+interface VideoPlayerProps {
+    /** Fonte do video: URL (mp4, webm, m3u8 para HLS) ou { src, type } para blob:/URL sem extensao */
+    src: VideoPlayerSrc;
     /** URL da imagem de poster */
     poster?: string;
     /** Alt text do poster */
@@ -57,4 +66,4 @@ interface VideoPlayerProps {
 }
 declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<VideoPlayerRef>>;
 
-export { type CaptionTrack, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, type VideoPlayerRef };
+export { type CaptionTrack, VideoPlayer, type VideoPlayerLabels, type VideoPlayerProps, type VideoPlayerRef, type VideoPlayerSrc };

package/dist/ui/video-player.js

@@ -1,5 +1,5 @@
 "use client";
-export { VideoPlayer } from '../chunk-UHFMTX23.js';
+export { VideoPlayer } from '../chunk-QXZRH3HU.js';
 import '../chunk-EFT7BHN7.js';
 import '../chunk-N2F3ZG2S.js';
 import '../chunk-KLX547KZ.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluencypassdevs/cycle",
-  "version": "1.21.1",
+  "version": "1.27.2",
   "description": "Cycle Design System — UI component library by Fluencypass (produto)",
   "license": "MIT",
   "repository": {
@@ -126,6 +126,7 @@
     "@tiptap/starter-kit": "^3.22.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
     "lucide-react": "^0.577.0",
     "radix-ui": "^1.4.3",
     "react-resizable-panels": "^4.7.5",

package/dist/chunk-LM5ZJFLA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/audio-player.tsx"],"names":["AudioPlayer"],"mappings":"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","file":"chunk-LM5ZJFLA.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  MediaPlayer,\n  MediaProvider,\n  TimeSlider,\n  VolumeSlider,\n  Time,\n  PlayButton,\n  MuteButton,\n  SeekButton,\n  useMediaState,\n  useMediaRemote,\n  type MediaPlayerInstance,\n} from \"@vidstack/react\"\nimport \"@vidstack/react/player/styles/base.css\"\nimport {\n  Play,\n  Pause,\n  Volume2,\n  VolumeX,\n  Volume1,\n  RotateCcw,\n  RotateCw,\n  Gauge,\n  Check,\n} from \"lucide-react\"\nimport { CycleIcon } from \"@/components/icons\"\nimport { cn } from \"@/lib/utils\"\nimport { type PlayerLocale, resolveAudioSpeedNormal } from \"@/components/ui/player-i18n\"\n\n/* ─── Types ─── */\n\nexport interface AudioPlayerRef {\n  play(): void\n  pause(): void\n  readonly currentTime: number\n  readonly duration: number\n}\n\nexport interface AudioPlayerLabels {\n  /** Label da velocidade normal no menu (default depende do locale) */\n  speedNormal?: string\n}\n\nexport interface AudioPlayerProps {\n  /** URL do audio (mp3, ogg, m3u8) */\n  src: string\n  /** Nome da track/aula */\n  title: string\n  /** Subtitulo / nome do curso */\n  subtitle?: string\n  /** URL da imagem de capa (variante card) */\n  coverArt?: string\n  /** Alt text da imagem de capa */\n  coverArtAlt?: string\n  /** Variante de layout */\n  variant?: \"default\" | \"card\"\n  /** Icones, textos e sliders em primary-foreground — usar com .theme-* */\n  filled?: boolean\n  /** Iniciar automaticamente */\n  autoPlay?: boolean\n  /** Iniciar mutado */\n  muted?: boolean\n  /** Repetir ao terminar */\n  loop?: boolean\n  /** Exibir controle de velocidade (default: true — EdTech) */\n  showSpeed?: boolean\n  /** Tempo inicial em segundos — usado para retomar de onde o usuario parou (resume position) */\n  startTime?: number\n  /** Idioma dos controles (default: \"pt-BR\"). 13 locales pre-configurados. */\n  locale?: PlayerLocale\n  /** Overrides pontuais de labels — aplicados em cima do locale selecionado */\n  labels?: AudioPlayerLabels\n  /** Callback com progresso do audio (currentTime em segundos, duration em segundos) */\n  onTimeUpdate?: (currentTime: number, duration: number) => void\n  /** Callback disparado quando o audio termina */\n  onEnded?: () => void\n  className?: string\n}\n\n/* ─── Labels context ─── */\n\nconst AudioLabelsContext = React.createContext<{ speedNormal: string }>({ speedNormal: \"Normal\" })\nfunction useAudioLabels() {\n  return React.useContext(AudioLabelsContext)\n}\n\n/* ─── Shared styles ─── */\n\nconst controlBtnClass =\n  \"group/btn inline-flex size-9 cursor-pointer items-center justify-center rounded-md text-foreground outline-none transition-colors hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring group-data-[filled]:text-primary-foreground group-data-[filled]:hover:bg-primary-foreground/10\"\n\n/** Play, Pause e Volume usam icones filled (solid) — igual YouTube */\nconst filledIconClass =\n  \"fill-current !stroke-transparent text-foreground group-data-[filled]:text-primary-foreground\"\n\nconst outlineIconClass =\n  \"text-foreground group-data-[filled]:text-primary-foreground\"\n\n/* ─── Sub-components ─── */\n\nfunction AudioPlayControl() {\n  const isPaused = useMediaState(\"paused\")\n  return (\n    <PlayButton className={controlBtnClass}>\n      {isPaused ? (\n        <CycleIcon icon={Play} size=\"sm\" decorative className={filledIconClass} />\n      ) : (\n        <CycleIcon icon={Pause} size=\"sm\" decorative className={filledIconClass} />\n      )}\n    </PlayButton>\n  )\n}\n\nfunction AudioSeekBackwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={-10}>\n      <CycleIcon icon={RotateCcw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioSeekForwardControl() {\n  return (\n    <SeekButton className={controlBtnClass} seconds={10}>\n      <CycleIcon icon={RotateCw} size=\"sm\" decorative className={outlineIconClass} />\n    </SeekButton>\n  )\n}\n\nfunction AudioMuteControl() {\n  const volume = useMediaState(\"volume\")\n  const isMuted = useMediaState(\"muted\")\n\n  const Icon = isMuted || volume === 0 ? VolumeX : volume < 0.5 ? Volume1 : Volume2\n\n  return (\n    <MuteButton className={controlBtnClass}>\n      <CycleIcon icon={Icon} size=\"sm\" decorative className={filledIconClass} />\n    </MuteButton>\n  )\n}\n\nfunction AudioVolumeControl() {\n  return (\n    <VolumeSlider.Root className=\"group relative hidden h-9 w-20 cursor-pointer touch-none select-none items-center outline-none sm:inline-flex\">\n      <VolumeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <VolumeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </VolumeSlider.Track>\n      <VolumeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n    </VolumeSlider.Root>\n  )\n}\n\nfunction AudioSeekBar() {\n  return (\n    <TimeSlider.Root className=\"group relative inline-flex h-9 w-full cursor-pointer touch-none select-none items-center outline-none\">\n      <TimeSlider.Track className=\"relative h-[4px] w-full rounded-full bg-accent group-data-[filled]/root:bg-primary-foreground/30\">\n        <TimeSlider.Progress className=\"absolute h-full w-[var(--slider-progress)] rounded-full bg-accent-foreground/20 group-data-[filled]/root:bg-primary-foreground/20\" />\n        <TimeSlider.TrackFill className=\"absolute h-full w-[var(--slider-fill)] rounded-full bg-primary group-data-[filled]/root:bg-primary-foreground\" />\n      </TimeSlider.Track>\n      <TimeSlider.Thumb className=\"absolute left-[var(--slider-fill)] top-1/2 size-3 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-opacity group-data-[active]:opacity-100 group-data-[dragging]:opacity-100 group-data-[filled]/root:bg-primary-foreground\" />\n\n      {/* Time preview on hover */}\n      <TimeSlider.Preview className=\"pointer-events-none flex flex-col items-center opacity-0 transition-opacity duration-200 data-[visible]:opacity-100\">\n        <TimeSlider.Value className=\"rounded bg-popover px-1.5 py-0.5 text-[11px] font-mono text-popover-foreground border border-border shadow-sm\" />\n      </TimeSlider.Preview>\n    </TimeSlider.Root>\n  )\n}\n\nfunction AudioTimeDisplay() {\n  return (\n    <div className=\"flex items-center gap-1 text-xs font-mono text-muted-foreground tabular-nums group-data-[filled]:text-primary-foreground/80\">\n      <Time type=\"current\" />\n      <span>/</span>\n      <Time type=\"duration\" />\n    </div>\n  )\n}\n\nfunction AudioSpeedControl() {\n  const playbackRate = useMediaState(\"playbackRate\")\n  const remote = useMediaRemote()\n  const [open, setOpen] = React.useState(false)\n  const l = useAudioLabels()\n\n  const rates = [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2]\n\n  return (\n    <div className=\"relative\">\n      <button\n        type=\"button\"\n        onClick={() => setOpen(!open)}\n        className={controlBtnClass}\n      >\n        {playbackRate === 1 ? (\n          <CycleIcon icon={Gauge} size=\"sm\" decorative className={outlineIconClass} />\n        ) : (\n          <span className=\"text-xs font-mono font-semibold text-foreground group-data-[filled]:text-primary-foreground\">{playbackRate}x</span>\n        )}\n      </button>\n\n      {open && (\n        <>\n          {/* Backdrop to close */}\n          <div className=\"fixed inset-0 z-40\" onClick={() => setOpen(false)} />\n\n          <div className=\"absolute bottom-full right-0 z-50 mb-2 min-w-[120px] rounded-lg border border-border bg-popover p-1 shadow-lg\">\n            {rates.map((rate) => (\n              <button\n                key={rate}\n                type=\"button\"\n                onClick={() => {\n                  remote.changePlaybackRate(rate)\n                  setOpen(false)\n                }}\n                className={cn(\n                  \"flex w-full items-center gap-2 rounded-md px-3 py-1.5 text-sm text-popover-foreground/80 transition-colors hover:bg-accent hover:text-popover-foreground\",\n                  playbackRate === rate && \"text-popover-foreground font-medium\"\n                )}\n              >\n                <span className=\"size-4 flex items-center justify-center\">\n                  {playbackRate === rate && <CycleIcon icon={Check} size=\"2xs\" decorative className=\"text-popover-foreground\" />}\n                </span>\n                <span className=\"font-mono\">{rate === 1 ? l.speedNormal : `${rate}x`}</span>\n              </button>\n            ))}\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\n/* ─── Main component ─── */\n\nexport const AudioPlayer = React.forwardRef<AudioPlayerRef, AudioPlayerProps>(\n  function AudioPlayer(\n    {\n      src,\n      title,\n      subtitle,\n      coverArt,\n      coverArtAlt = \"\",\n      variant = \"default\",\n      filled = false,\n      autoPlay = false,\n      muted = false,\n      loop = false,\n      showSpeed = true,\n      startTime,\n      locale = \"pt-BR\",\n      labels,\n      onTimeUpdate,\n      onEnded,\n      className,\n    },\n    ref\n  ) {\n    const resolvedLabels = React.useMemo(\n      () => ({ speedNormal: resolveAudioSpeedNormal(locale, labels?.speedNormal) }),\n      [locale, labels]\n    )\n    const player = React.useRef<MediaPlayerInstance>(null)\n\n    React.useImperativeHandle(ref, () => ({\n      play() {\n        player.current?.play()\n      },\n      pause() {\n        player.current?.pause()\n      },\n      get currentTime() {\n        return player.current?.currentTime ?? 0\n      },\n      get duration() {\n        return player.current?.duration ?? 0\n      },\n    }))\n\n    const handleTimeUpdate = React.useCallback(\n      (detail: { currentTime: number }) => {\n        if (onTimeUpdate && player.current) {\n          onTimeUpdate(detail.currentTime, player.current.duration)\n        }\n      },\n      [onTimeUpdate]\n    )\n\n    const handleEnded = React.useCallback(() => {\n      onEnded?.()\n    }, [onEnded])\n\n    // Resume position: seek to startTime once the player is ready\n    const hasAppliedStartTime = React.useRef(false)\n    const handleCanPlay = React.useCallback(() => {\n      if (startTime && startTime > 0 && !hasAppliedStartTime.current && player.current) {\n        player.current.currentTime = startTime\n        hasAppliedStartTime.current = true\n      }\n    }, [startTime])\n\n    const playerEvents = {\n      onCanPlay: handleCanPlay,\n      ...(onTimeUpdate ? { onTimeUpdate: handleTimeUpdate } : {}),\n      ...(onEnded ? { onEnded: handleEnded } : {}),\n    }\n\n    if (variant === \"card\") {\n      return (\n        <AudioLabelsContext.Provider value={resolvedLabels}>\n        <MediaPlayer\n          ref={player}\n          src={src}\n          autoPlay={autoPlay}\n          muted={muted}\n          loop={loop}\n          viewType=\"audio\"\n          data-filled={filled ? \"\" : undefined}\n          style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n          className={cn(\n            \"group/root group !block w-full rounded-xl border border-border bg-card p-4 shadow-sm md:p-6\",\n            className\n          )}\n          {...playerEvents}\n        >\n          <MediaProvider className=\"!hidden\" />\n\n          {/* Top: cover art + text */}\n          <div className=\"flex gap-4 mb-4 md:gap-5 md:mb-6\">\n            {coverArt && (\n              <img\n                src={coverArt}\n                alt={coverArtAlt}\n                className=\"size-16 shrink-0 rounded-lg object-cover bg-muted md:size-24 md:rounded-xl\"\n              />\n            )}\n            <div className=\"flex min-w-0 flex-col justify-center\">\n              <p className={cn(\n                \"truncate heading-md md:heading-xl\",\n                filled ? \"text-primary-foreground\" : \"text-card-foreground\"\n              )}>{title}</p>\n              {subtitle && (\n                <p className={cn(\n                  \"truncate body-md md:body-lg\",\n                  filled ? \"text-primary-foreground/70\" : \"text-muted-foreground\"\n                )}>{subtitle}</p>\n              )}\n            </div>\n          </div>\n\n          {/* Seek bar */}\n          <div className=\"flex w-full items-center\">\n            <AudioSeekBar />\n          </div>\n\n          {/* Time */}\n          <div className=\"flex items-center justify-between px-0.5 -mt-1 mb-1 md:mb-2\">\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"current\" />\n            </div>\n            <div className={cn(\n              \"text-[11px] font-mono tabular-nums md:text-xs\",\n              filled ? \"text-primary-foreground/80\" : \"text-muted-foreground\"\n            )}>\n              <Time type=\"duration\" />\n            </div>\n          </div>\n\n          {/* Controls */}\n          <div className=\"flex items-center gap-1 md:gap-2\">\n            <AudioSeekBackwardControl />\n            <AudioPlayControl />\n            <AudioSeekForwardControl />\n\n            <div className=\"flex-1\" />\n\n            {showSpeed && <AudioSpeedControl />}\n            <AudioMuteControl />\n            <AudioVolumeControl />\n          </div>\n        </MediaPlayer>\n        </AudioLabelsContext.Provider>\n      )\n    }\n\n    // Default variant (compact bar)\n    return (\n      <AudioLabelsContext.Provider value={resolvedLabels}>\n      <MediaPlayer\n        ref={player}\n        src={src}\n        autoPlay={autoPlay}\n        muted={muted}\n        loop={loop}\n        viewType=\"audio\"\n        data-filled={filled ? \"\" : undefined}\n        style={filled ? { '--primary-foreground': 'var(--secondary-foreground)' } as Record<string, string> : undefined}\n        className={cn(\n          \"group/root group !flex w-full items-center gap-1.5 rounded-xl border border-border bg-card px-2 py-1.5 shadow-sm\",\n          className\n        )}\n        {...playerEvents}\n      >\n        <MediaProvider className=\"!hidden\" />\n\n        {/* Left controls */}\n        <AudioSeekBackwardControl />\n        <AudioPlayControl />\n        <AudioSeekForwardControl />\n\n        {/* Seek bar */}\n        <div className=\"flex-1 px-1\">\n          <AudioSeekBar />\n        </div>\n\n        {/* Time */}\n        <AudioTimeDisplay />\n\n        {/* Right controls */}\n        {showSpeed && <AudioSpeedControl />}\n        <AudioMuteControl />\n        <AudioVolumeControl />\n      </MediaPlayer>\n      </AudioLabelsContext.Provider>\n    )\n  }\n)\n"]}