@radix-ui/themes
Version:
[](https://radix-ui.com/themes)
3 lines (2 loc) • 1.9 kB
JavaScript
"use client";import*as e from"react";import f from"classnames";import*as r from"@radix-ui/react-alert-dialog";import{alertDialogContentPropDefs as C}from"./alert-dialog.props.js";import{extractProps as d,requireReactElement as l}from"../helpers/index.js";import{Heading as y}from"./heading.js";import{Text as v}from"./text.js";import{Theme as T}from"./theme.js";const a=t=>e.createElement(r.Root,{...t});a.displayName="AlertDialog.Root";const n=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Trigger,{...o,ref:i,asChild:!0},l(t)));n.displayName="AlertDialog.Trigger";const s=e.forwardRef((t,o)=>{const{className:i,forceMount:A,container:P,...c}=d(t,C);return e.createElement(r.Portal,{container:P,forceMount:A},e.createElement(T,{asChild:!0},e.createElement(r.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:"rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding"},e.createElement(r.Content,{...c,ref:o,className:f("rt-BaseDialogContent","rt-AlertDialogContent",i)}))))))});s.displayName="AlertDialog.Content";const p=e.forwardRef((t,o)=>e.createElement(r.Title,{asChild:!0},e.createElement(y,{size:"5",mb:"3",trim:"start",...t,asChild:!1,ref:o})));p.displayName="AlertDialog.Title";const g=e.forwardRef((t,o)=>e.createElement(r.Description,{asChild:!0},e.createElement(v,{as:"p",size:"3",...t,asChild:!1,ref:o})));g.displayName="AlertDialog.Description";const m=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Action,{...o,ref:i,asChild:!0},l(t)));m.displayName="AlertDialog.Action";const D=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Cancel,{...o,ref:i,asChild:!0},l(t)));D.displayName="AlertDialog.Cancel";export{m as Action,D as Cancel,s as Content,g as Description,a as Root,p as Title,n as Trigger};
//# sourceMappingURL=alert-dialog.js.map