52: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 53: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/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 54:T1d7d,"use client"; import React from "react"; import { cn } from "@/lib/utils"; export interface LiquidGlassSvgFilterProps { id?: string; baseFrequency?: string; scale?: number; bgImage?: string; } export function LiquidGlassSvgFilter({ id = "glass-blur-ai", baseFrequency = "0.003 0.007", scale = 200, bgImage = "https://res.cloudinary.com/dodndg7ai/image/upload/f_webp,q_auto,w_1200,c_limit/v1790146209/photo-1470071459604-3b5ec3a7fe05-1790146212205.jpg", }: LiquidGlassSvgFilterProps) { return ( <> {bgImage && ( )} ); } export function formatRadius(radius?: string | number | boolean): string | undefined { if (radius === undefined || radius === null) return undefined; if (radius === false || radius === 0 || radius === "0" || radius === "0px") return "0px"; if (typeof radius === "number") return `${radius}px`; if (typeof radius === "string") { if ( radius.endsWith("px") || radius.endsWith("rem") || radius.endsWith("em") || radius.endsWith("%") || radius.includes("var(") || radius.includes("calc(") ) { return radius; } const parsed = parseFloat(radius); if (!isNaN(parsed)) { return `${parsed}px`; } } return undefined; } export interface LiquidGlassBackgroundProps { className?: string; style?: React.CSSProperties; /** * Dynamic rounding radius. Can be a number (in px), a CSS length string ("16px", "1.5rem"), * or omitted to inherit the border-radius set on the parent/wrapper component. */ radius?: string | number | boolean; bgImage?: string; filterId?: string; showSpecularHighlight?: boolean; contrastOverlayClassName?: string; bgPosition?: string; showOuterShadow?: boolean; shadowStyle?: React.CSSProperties; } export function LiquidGlassBackground({ className, style, radius, bgImage = "https://res.cloudinary.com/dodndg7ai/image/upload/f_webp,q_auto,w_1200,c_limit/v1790146209/photo-1470071459604-3b5ec3a7fe05-1790146212205.jpg", filterId = "glass-blur-ai", showSpecularHighlight = true, contrastOverlayClassName = "bg-black/30 dark:bg-black/45 backdrop-blur-[2px]", bgPosition = "center", showOuterShadow = true, shadowStyle, }: LiquidGlassBackgroundProps) { const formattedRadius = formatRadius(radius); const bgStyle: React.CSSProperties = { ...(formattedRadius ? { borderRadius: formattedRadius } : {}), ...style, }; return (

{/* Inner Clipping Container for Liquid Background Stack */}

{/* Layer 0: Liquid SVG Displaced Wave Background */}

{/* Layer 1: Contrast overlay & soft backdrop blur */}

{/* Layer 2: Ambient Drop Shadow & Subtle Glow */} {showOuterShadow && (

)}

{/* Layer 3: Specular Inner Border Highlight */} {showSpecularHighlight && (

)}

); } export interface LiquidGlassWrapperProps extends React.HTMLAttributes { children?: React.ReactNode; className?: string; radius?: string | number | boolean; bgImage?: string; filterId?: string; showSpecularHighlight?: boolean; contrastOverlayClassName?: string; bgPosition?: string; showOuterShadow?: boolean; shadowStyle?: React.CSSProperties; } export const LiquidGlassWrapper = React.forwardRef< HTMLDivElement, LiquidGlassWrapperProps >( ( { children, className, style, radius, bgImage, filterId, showSpecularHighlight = true, contrastOverlayClassName, bgPosition, showOuterShadow, shadowStyle, ...props }, ref ) => { const formattedRadius = formatRadius(radius); const wrapperStyle: React.CSSProperties = { ...(formattedRadius ? { borderRadius: formattedRadius } : {}), ...style, }; return (

{children}

); } ); LiquidGlassWrapper.displayName = "LiquidGlassWrapper"; 51:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L52",null,{"namespace":"@avara-ui","registryDependencies":["utils"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/components/custom/ui/liquid-glass.tsx","content":"$54","type":"registry:ui","target":"components/custom/ui/liquid-glass.tsx"}],"className":"h-[70svh] min-h-80"}]]}]