50: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"] 51: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"] 52:T14e7,import { cva, type VariantProps } from "class-variance-authority"; import { Children, cloneElement, createContext, useContext, useMemo, } from "react"; import { Text, View } from "react-native"; import { createSlots } from "@/lib/slots"; import { cn } from "@/lib/utils"; const alertSlots = createSlots<"action" | "icon">({ errorMessage: "Alert parts must be rendered inside Alert", }); // Types type AlertVariant = VariantProps["variant"]; type AlertContextValue = { variant: AlertVariant; }; type AlertProps = React.ComponentProps & VariantProps & { children?: React.ReactNode; }; type AlertIconProps = { children: React.ReactNode; className?: string; }; type ClassNameElement = React.ReactElement<{ className?: string }>; // Context const AlertContext = createContext(null); const useAlertContext = () => { const context = useContext(AlertContext); if (!context) { throw new Error("Alert components must be used within an Alert"); } return context; }; const AlertLayout = ({ children, className, variant = "default", style, ...props }: AlertProps) => { const hasAction = alertSlots.useHasSlot("action"); return ( {children} ); }; // Components export const Alert = ({ children, variant = "default", ...props }: AlertProps) => { const ctx = useMemo( () => ({ variant, }), [variant] ); return ( {children} ); }; export const AlertIcon = ({ children, className, ...props }: AlertIconProps) => { const { variant } = useAlertContext(); const child = Children.only(children); if (!child) { if (__DEV__) { throw new Error("AlertIcon expects a single React element as children"); } return null; } const element = child as ClassNameElement; return ( {cloneElement(element, { ...props, className: cn( alertIconVariants({ variant }), className, element.props.className ), })} ); }; AlertIcon.displayName = "AlertIcon"; export const AlertTitle = ({ className, ...props }: React.ComponentProps) => { const { variant } = useAlertContext(); return ( ); }; AlertTitle.displayName = "AlertTitle"; export const AlertDescription = ({ className, ...props }: React.ComponentProps) => { const { variant } = useAlertContext(); return ( ); }; AlertDescription.displayName = "AlertDescription"; export const AlertAction = ({ className, style, ...props }: React.ComponentProps) => { return ( ); }; AlertAction.displayName = "AlertAction"; // Styles const alertVariants = cva( "relative w-full rounded-2xl bg-card px-4 py-3 dark:bg-muted", { defaultVariants: { variant: "default", }, variants: { variant: { default: "", destructive: "", info: "", success: "", warning: "", }, }, } ); const alertIconVariants = cva("size-4", { variants: { variant: { default: "text-foreground", destructive: "text-destructive", info: "text-info", success: "text-success", warning: "text-warning", }, }, }); const alertTitleVariants = cva("font-medium text-sm leading-snug", { variants: { variant: { default: "text-foreground", destructive: "text-destructive", info: "text-info", success: "text-success", warning: "text-warning", }, }, }); const alertDescriptionVariants = cva("text-sm", { variants: { variant: { default: "text-muted-foreground", destructive: "text-destructive/90", info: "text-info/90", success: "text-success/90", warning: "text-warning/90", }, }, }); 4f:["$","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,["$","$L50",null,{"namespace":"@tetra-ui","registryDependencies":["@tetra-ui/slots"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"ui/alert.tsx","content":"$52","type":"registry:ui","target":"@ui/alert.tsx"}],"className":"h-[70svh] min-h-80"}]]}]