4f: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"] 50:T11a8,import * as React from "react"; interface IpadProps { children: React.ReactNode; className?: string; /** iPad variant/model */ variant?: "ipad-pro" | "ipad-air"; /** iPad size */ size?: "sm" | "md" | "lg" | "xl"; /** iPad orientation */ orientation?: "portrait" | "landscape"; /** Frame color based on the selected variant */ color?: "black" | "silver" | "purple" | "space-grey" | "starlight" | "blue"; } type IpadVariant = IpadProps["variant"]; type IpadColor = IpadProps["color"]; interface IpadImageSet { portrait: string; landscape: string; } const ipadImages: Record< NonNullable, Record > = { "ipad-pro": { black: { portrait: "https://ik.imagekit.io/designali/images/apple/iPad%20Pro/iPad%20Pro%20(M5)%2013_%20-%20Space%20Black%20-%20Portrait.png?updatedAt=1790829708595", landscape: "https://ik.imagekit.io/designali/images/apple/iPad%20Pro/iPad%20Pro%20(M5)%2013_%20-%20Space%20Black%20-%20Landscape.png?updatedAt=1790829708551", }, silver: { portrait: "https://ik.imagekit.io/designali/images/apple/iPad%20Pro/iPad%20Pro%20(M5)%2013_%20-%20Silver%20-%20Portrait.png?updatedAt=1790829708612", landscape: "https://ik.imagekit.io/designali/images/apple/iPad%20Pro/iPad%20Pro%20(M5)%2013_%20-%20Silver%20-%20Landscape.png?updatedAt=1790829708252", }, }, "ipad-air": { purple: { portrait: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Purple%20-%20Portrait.png?updatedAt=1790854444119", landscape: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Purple%20-%20Landscape.png?updatedAt=1790854443994", }, "space-grey": { portrait: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Space%20Gray%20-%20Portrait.png?updatedAt=1790854444061", landscape: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Space%20Gray%20-%20Landscape.png?updatedAt=1790854443926", }, starlight: { portrait: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Starlight%20-%20Portrait.png?updatedAt=1790854444039", landscape: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Starlight%20-%20Landscape.png?updatedAt=1790854444037", }, blue: { portrait: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Blue%20-%20Portrait.png?updatedAt=1790854443937", landscape: "https://ik.imagekit.io/designali/images/apple/iPar%20Air/iPad%20Air%2013_%20(M4)%20-%20Blue%20-%20Landscape.png?updatedAt=1790854443892", }, }, }; const sizeClasses = { sm: "h-[22rem]", md: "h-[30rem]", lg: "h-[38rem]", xl: "h-[48rem]", }; const landscapeSizeClasses = { sm: "h-[16rem]", md: "h-[22rem]", lg: "h-[28rem]", xl: "h-[36rem]", }; const roundedClasses = { sm: "rounded-[6px]", md: "rounded-[10px]", lg: "rounded-[14px]", xl: "rounded-[18px]", }; const landscapeRoundedClasses = { sm: "rounded-[6px]", md: "rounded-[10px]", lg: "rounded-[14px]", xl: "rounded-[18px]", }; export function IPad({ children, className = "", variant = "ipad-air", size = "xl", orientation = "portrait", color = "blue", }: IpadProps) { const isLandscape = orientation === "landscape"; const variantImages = ipadImages[variant]; const defaultImages = variantImages[color] || Object.values(variantImages)[0]; const frameImage = (isLandscape ? defaultImages?.landscape : defaultImages?.portrait); return (

{children}

); }4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[null,["$","$L4f",null,{"files":[{"path":"registry/designali/ui/apple/ipad.tsx","content":"$50","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]