UNPKG

@llamaindex/ui

Version:

A comprehensive UI component library built with React, TypeScript, and Tailwind CSS for LlamaIndex applications

143 lines (140 loc) 4.28 kB
import { buttonVariants } from './chunk-NLLOGSY3.mjs'; import { cn } from './chunk-MG2ARK3A.mjs'; import { __objRest, __spreadValues } from './chunk-FWCSY2DS.mjs'; import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'; import { jsx, jsxs } from 'react/jsx-runtime'; function AlertDialog(_a) { var props = __objRest(_a, []); return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props)); } function AlertDialogTrigger(_a) { var props = __objRest(_a, []); return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props)); } function AlertDialogPortal(_a) { var props = __objRest(_a, []); return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props)); } function AlertDialogOverlay(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( AlertDialogPrimitive.Overlay, __spreadValues({ "data-slot": "alert-dialog-overlay", className: cn( "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className ) }, props) ); } function AlertDialogContent(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [ /* @__PURE__ */ jsx(AlertDialogOverlay, {}), /* @__PURE__ */ jsx( AlertDialogPrimitive.Content, __spreadValues({ "data-slot": "alert-dialog-content", className: cn( "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className ) }, props) ) ] }); } function AlertDialogHeader(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( "div", __spreadValues({ "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className) }, props) ); } function AlertDialogFooter(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( "div", __spreadValues({ "data-slot": "alert-dialog-footer", className: cn( "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className ) }, props) ); } function AlertDialogTitle(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( AlertDialogPrimitive.Title, __spreadValues({ "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className) }, props) ); } function AlertDialogDescription(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( AlertDialogPrimitive.Description, __spreadValues({ "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className) }, props) ); } function AlertDialogAction(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( AlertDialogPrimitive.Action, __spreadValues({ className: cn(buttonVariants(), className) }, props) ); } function AlertDialogCancel(_a) { var _b = _a, { className } = _b, props = __objRest(_b, [ "className" ]); return /* @__PURE__ */ jsx( AlertDialogPrimitive.Cancel, __spreadValues({ className: cn(buttonVariants({ variant: "outline" }), className) }, props) ); } export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };