4c:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4d:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4e:T1387,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { PlayIcon } from "lucide-react" import { cn } from "@/lib/utils" import { Dialog, DialogContent, DialogTrigger, DialogTitle, } from "@/components/ui/dialog" import { UI_I18N, type UILocale } from "@/lib/ui-i18n" // ── Types ── export interface VideoDialogProps extends React.HTMLAttributes, VariantProps { videoSrc: string thumbnailSrc: string thumbnailAlt?: string title?: string aspectRatio?: "16/9" | "4/3" | "1/1" | "21/9" locale?: UILocale } // ── Variants ── export const videoDialogVariants = cva( "group relative cursor-pointer overflow-hidden rounded-xl border border-border/60 transition-all duration-300 hover:border-border", { variants: { variant: { default: "shadow-md hover:shadow-xl", minimal: "shadow-none", glow: "shadow-[0_0_24px_oklch(var(--primary)/0.2)] hover:shadow-[0_0_36px_oklch(var(--primary)/0.35)]", }, }, defaultVariants: { variant: "default", }, } ) export const playButtonVariants = cva( "relative flex items-center justify-center rounded-full transition-transform duration-300 group-hover:scale-110", { variants: { variant: { default: "size-14 bg-primary text-primary-foreground shadow-lg", minimal: "size-12 bg-background/80 text-foreground shadow-md backdrop-blur-sm", glow: "size-16 bg-primary text-primary-foreground shadow-[0_0_20px_oklch(var(--primary)/0.5)]", }, }, defaultVariants: { variant: "default", }, } ) // ── Component ── export const VideoDialog = React.forwardRef( ( { className, videoSrc, thumbnailSrc, thumbnailAlt = "Prévia do vídeo", title, aspectRatio = "16/9", variant = "default", locale = "pt-BR", ...props }, ref ) => { const [open, setOpen] = React.useState(false) const t = UI_I18N[locale]?.videoDialog ?? UI_I18N["pt-BR"].videoDialog const label = title ? `${t.playVideo}: ${title}` : t.playVideo const aspectClasses = { "16/9": "aspect-video", "4/3": "aspect-4/3", "1/1": "aspect-square", "21/9": "aspect-21/9", }[aspectRatio] return (