@arolariu/components
Version:
🎨 60+ beautiful, accessible React components built on Radix UI. TypeScript-first, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
152 lines (151 loc) • 7.03 kB
JavaScript
"use client";
;
var __webpack_require__ = {};
(()=>{
__webpack_require__.d = (exports1, definition)=>{
for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
enumerable: true,
get: definition[key]
});
};
})();
(()=>{
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
})();
(()=>{
__webpack_require__.r = (exports1)=>{
if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
value: 'Module'
});
Object.defineProperty(exports1, '__esModule', {
value: true
});
};
})();
var __webpack_exports__ = {};
__webpack_require__.r(__webpack_exports__);
__webpack_require__.d(__webpack_exports__, {
AlertDialog: ()=>AlertDialog,
AlertDialogDescription: ()=>AlertDialogDescription,
AlertDialogPortal: ()=>AlertDialogPortal,
AlertDialogTitle: ()=>AlertDialogTitle,
AlertDialogAction: ()=>AlertDialogAction,
AlertDialogContent: ()=>AlertDialogContent,
AlertDialogTrigger: ()=>AlertDialogTrigger,
AlertDialogFooter: ()=>AlertDialogFooter,
AlertDialogOverlay: ()=>AlertDialogOverlay,
AlertDialogHeader: ()=>AlertDialogHeader,
AlertDialogCancel: ()=>AlertDialogCancel
});
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
require("react");
const react_alert_dialog_namespaceObject = require("@radix-ui/react-alert-dialog");
const utils_cjs_namespaceObject = require("../../lib/utils.cjs");
const external_button_cjs_namespaceObject = require("./button.cjs");
function AlertDialog({ ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Root, {
"data-slot": "alert-dialog",
...props
});
}
function AlertDialogTrigger({ ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Trigger, {
"data-slot": "alert-dialog-trigger",
...props
});
}
function AlertDialogPortal({ ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Portal, {
"data-slot": "alert-dialog-portal",
...props
});
}
function AlertDialogOverlay({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay, {
"data-slot": "alert-dialog-overlay",
className: (0, utils_cjs_namespaceObject.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({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(AlertDialogPortal, {
children: [
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(AlertDialogOverlay, {}),
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
"data-slot": "alert-dialog-content",
className: (0, utils_cjs_namespaceObject.cn)("bg-white 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 border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800", className),
...props
})
]
});
}
function AlertDialogHeader({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
"data-slot": "alert-dialog-header",
className: (0, utils_cjs_namespaceObject.cn)("flex flex-col gap-2 text-center sm:text-left", className),
...props
});
}
function AlertDialogFooter({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
"data-slot": "alert-dialog-footer",
className: (0, utils_cjs_namespaceObject.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
...props
});
}
function AlertDialogTitle({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title, {
"data-slot": "alert-dialog-title",
className: (0, utils_cjs_namespaceObject.cn)("text-lg font-semibold", className),
...props
});
}
function AlertDialogDescription({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description, {
"data-slot": "alert-dialog-description",
className: (0, utils_cjs_namespaceObject.cn)("text-neutral-500 text-sm dark:text-neutral-400", className),
...props
});
}
function AlertDialogAction({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Action, {
className: (0, utils_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)(), className),
...props
});
}
function AlertDialogCancel({ className, ...props }) {
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel, {
className: (0, utils_cjs_namespaceObject.cn)((0, external_button_cjs_namespaceObject.buttonVariants)({
variant: "outline"
}), className),
...props
});
}
exports.AlertDialog = __webpack_exports__.AlertDialog;
exports.AlertDialogAction = __webpack_exports__.AlertDialogAction;
exports.AlertDialogCancel = __webpack_exports__.AlertDialogCancel;
exports.AlertDialogContent = __webpack_exports__.AlertDialogContent;
exports.AlertDialogDescription = __webpack_exports__.AlertDialogDescription;
exports.AlertDialogFooter = __webpack_exports__.AlertDialogFooter;
exports.AlertDialogHeader = __webpack_exports__.AlertDialogHeader;
exports.AlertDialogOverlay = __webpack_exports__.AlertDialogOverlay;
exports.AlertDialogPortal = __webpack_exports__.AlertDialogPortal;
exports.AlertDialogTitle = __webpack_exports__.AlertDialogTitle;
exports.AlertDialogTrigger = __webpack_exports__.AlertDialogTrigger;
for(var __webpack_i__ in __webpack_exports__)if (-1 === [
"AlertDialog",
"AlertDialogAction",
"AlertDialogCancel",
"AlertDialogContent",
"AlertDialogDescription",
"AlertDialogFooter",
"AlertDialogHeader",
"AlertDialogOverlay",
"AlertDialogPortal",
"AlertDialogTitle",
"AlertDialogTrigger"
].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
Object.defineProperty(exports, '__esModule', {
value: true
});
//# sourceMappingURL=alert-dialog.cjs.map