@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
JavaScript
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 };