@modul/mbui 0.0.13-beta-pv-53036-69a68bb4 → 0.0.13-beta-pv-53036-cf3bc48d

package/dist/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/AlertDialog/AlertDialog.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = void 0;
+const tslib_1 = require("tslib");
+const React = (0, tslib_1.__importStar)(require("react"));
+const AlertDialogPrimitive = (0, tslib_1.__importStar)(require("@radix-ui/react-alert-dialog"));
+const utils_1 = require("../@/lib/utils");
+const Button_1 = require("../Button");
+const AlertDialog = AlertDialogPrimitive.Root;
+exports.AlertDialog = AlertDialog;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+exports.AlertDialogPortal = AlertDialogPortal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Overlay, { className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
+exports.AlertDialogOverlay = AlertDialogOverlay;
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPortal, null,
+    React.createElement(AlertDialogOverlay, null),
+    React.createElement(AlertDialogPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-dialog p-[16px] shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-md", className), ...props }))));
+exports.AlertDialogContent = AlertDialogContent;
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (React.createElement("div", { className: (0, utils_1.cn)("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
+exports.AlertDialogHeader = AlertDialogHeader;
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => (React.createElement("div", { className: (0, utils_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+exports.AlertDialogFooter = AlertDialogFooter;
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-lg font-semibold", className), ...props })));
+exports.AlertDialogTitle = AlertDialogTitle;
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className), ...props })));
+exports.AlertDialogDescription = AlertDialogDescription;
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Action, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: 'primary', size: 'sm' }), className), ...props })));
+exports.AlertDialogAction = AlertDialogAction;
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => (React.createElement(AlertDialogPrimitive.Cancel, { ref: ref, className: (0, utils_1.cn)((0, Button_1.buttonVariants)({ variant: "outline", size: 'sm' }), className), ...props })));
+exports.AlertDialogCancel = AlertDialogCancel;
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+//# sourceMappingURL=AlertDialog.js.map

package/dist/AlertDialog/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"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"}

package/dist/AlertDialog/index.d.ts

@@ -0,0 +1 @@
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, } from './AlertDialog';

package/dist/AlertDialog/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = void 0;
+var AlertDialog_1 = require("./AlertDialog");
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
+Object.defineProperty(exports, "AlertDialogPortal", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogPortal; } });
+Object.defineProperty(exports, "AlertDialogOverlay", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogOverlay; } });
+Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
+Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
+Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });
+Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
+Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
+Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
+Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
+Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
+//# sourceMappingURL=index.js.map

package/dist/AlertDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AlertDialog/index.ts"],"names":[],"mappings":";;;AAAA,6CAYsB;AAXrB,0GAAA,WAAW,OAAA;AACX,gHAAA,iBAAiB,OAAA;AACjB,iHAAA,kBAAkB,OAAA;AAClB,iHAAA,kBAAkB,OAAA;AAClB,iHAAA,kBAAkB,OAAA;AAClB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA;AACjB,+GAAA,gBAAgB,OAAA;AAChB,qHAAA,sBAAsB,OAAA;AACtB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA"}

package/dist/index.d.ts

@@ -24,4 +24,5 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
 import { Calendar } from './Calendar';
 import { DatePicker } from './DatePicker';
 import { Select } from './Select';
-export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, };
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from './AlertDialog';
+export { Tooltip, Tabs, Slider, Popover, Logo, InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, Collapsible, CollapsibleTrigger, CollapsibleContent, AccountCollapsible, AccountCollapsibleHeader, AccountCollapsibleTrigger, AccountCollapsibleContent, AccountCollapsibleContentItem, Button, InputField, InputLabel, Audio, cn, Icon, Drawer, DrawerTrigger, DrawerTitle, DrawerClose, DrawerContent, BottomNavigation, BottomNavigationList, BottomNavigationListItem, BottomNavigationLink, Page, Chip, Alert, Switch, Label, Textarea, SelectAccountCard, Form, FormLabel, FormField, FormItem, FormControl, FormDescription, FormMessage, Calendar, DatePicker, SelectAsync, InputMask, Select, AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputMask = exports.SelectAsync = exports.DatePicker = exports.Calendar = exports.FormMessage = exports.FormDescription = exports.FormControl = exports.FormItem = exports.FormField = exports.FormLabel = exports.Form = exports.SelectAccountCard = exports.Textarea = exports.Label = exports.Switch = exports.Alert = exports.Chip = exports.Page = exports.BottomNavigationLink = exports.BottomNavigationListItem = exports.BottomNavigationList = exports.BottomNavigation = exports.DrawerContent = exports.DrawerClose = exports.DrawerTitle = exports.DrawerTrigger = exports.Drawer = exports.Icon = exports.cn = exports.Audio = exports.InputLabel = exports.InputField = exports.Button = exports.AccountCollapsibleContentItem = exports.AccountCollapsibleContent = exports.AccountCollapsibleTrigger = exports.AccountCollapsibleHeader = exports.AccountCollapsible = exports.CollapsibleContent = exports.CollapsibleTrigger = exports.Collapsible = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.Logo = exports.Popover = exports.Slider = exports.Tabs = exports.Tooltip = void 0;
-exports.Select = void 0;
+exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogDescription = exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialog = exports.Select = void 0;
 const tslib_1 = require("tslib");
 const Tooltip_1 = require("./Tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
@@ -80,4 +80,14 @@ const DatePicker_1 = require("./DatePicker");
 Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
 const Select_2 = require("./Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_2.Select; } });
+const AlertDialog_1 = require("./AlertDialog");
+Object.defineProperty(exports, "AlertDialog", { enumerable: true, get: function () { return AlertDialog_1.AlertDialog; } });
+Object.defineProperty(exports, "AlertDialogTrigger", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTrigger; } });
+Object.defineProperty(exports, "AlertDialogContent", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogContent; } });
+Object.defineProperty(exports, "AlertDialogHeader", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogHeader; } });
+Object.defineProperty(exports, "AlertDialogFooter", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogFooter; } });
+Object.defineProperty(exports, "AlertDialogTitle", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogTitle; } });
+Object.defineProperty(exports, "AlertDialogDescription", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogDescription; } });
+Object.defineProperty(exports, "AlertDialogAction", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogAction; } });
+Object.defineProperty(exports, "AlertDialogCancel", { enumerable: true, get: function () { return AlertDialog_1.AlertDialogCancel; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;AAuClC,wFAvCQ,iBAAO,OAuCR;AAtCR,iCAA6B;AAuC5B,qFAvCQ,WAAI,OAuCR;AAtCL,qCAAiC;AAuChC,uFAvCQ,eAAM,OAuCR;AAtCP,uCAAmC;AAuClC,wFAvCQ,iBAAO,OAuCR;AAtCR,+DAAyB;AAuCxB,eAvCM,cAAI,CAuCN;AAtCL,2CAAsF;AAuCrF,yFAvCQ,oBAAQ,OAuCR;AACR,8FAxCkB,yBAAa,OAwClB;AACb,6FAzCiC,wBAAY,OAyCjC;AACZ,kGA1C+C,6BAAiB,OA0C/C;AAzClB,yDAK2B;AAwD1B,iGA5DA,mCAAgB,OA4DA;AAChB,qGA5DA,uCAAoB,OA4DA;AACpB,yGA5DA,2CAAwB,OA4DA;AACxB,qGA5DA,uCAAoB,OA4DA;AA1DrB,0DAA8B;AAiD7B,oBAAI;AAhDL,+CAAmF;AAmClF,4FAnCQ,yBAAW,OAmCR;AACX,mGApCqB,gCAAkB,OAoCrB;AAClB,mGArCyC,gCAAkB,OAqCzC;AApCnB,+CAMsB;AA+BrB,mGApCA,gCAAkB,OAoCA;AAClB,yGApCA,sCAAwB,OAoCA;AACxB,0GApCA,uCAAyB,OAoCA;AACzB,0GApCA,uCAAyB,OAoCA;AACzB,8GApCA,2CAA6B,OAoCA;AAlC9B,qCAAiC;AAmChC,uFAnCQ,eAAM,OAmCR;AAlCP,mCAA+B;AAqC9B,sFArCQ,aAAK,OAqCR;AApCN,yCAAkC;AAqCjC,mFArCQ,UAAE,OAqCR;AApCH,qCAAyF;AAsCxF,uFAtCQ,eAAM,OAsCR;AACN,8FAvCgB,sBAAa,OAuChB;AACb,4FAxC+B,oBAAW,OAwC/B;AACX,4FAzC4C,oBAAW,OAyC5C;AACX,8FA1CyD,sBAAa,OA0CzD;AAzCd,iCAA6B;AA8C5B,qFA9CQ,WAAI,OA8CR;AA7CL,iCAA6B;AA8C5B,qFA9CQ,WAAI,OA8CR;AA7CL,mCAA2D;AA8B1D,2FA9BQ,kBAAU,OA8BR;AACV,2FA/BoB,kBAAU,OA+BpB;AA8BV,0FA7DgC,iBAAS,OA6DhC;AA5DV,mCAA+B;AA6C9B,sFA7CQ,aAAK,OA6CR;AA5CN,qCAAiC;AA6ChC,uFA7CQ,eAAM,OA6CR;AA5CP,mCAA+B;AA6C9B,sFA7CQ,aAAK,OA6CR;AA5CN,yCAAqC;AA6CpC,yFA7CQ,mBAAQ,OA6CR;AA5CT,qCAAyD;AA6CxD,kGA7CQ,0BAAiB,OA6CR;AAUjB,4FAvD2B,oBAAW,OAuD3B;AAtDZ,iCAAwG;AA6CvG,qFA7CQ,WAAI,OA6CR;AACJ,0FA9Cc,gBAAS,OA8Cd;AACT,0FA/CyB,gBAAS,OA+CzB;AACT,yFAhDoC,eAAQ,OAgDpC;AACR,4FAjD8C,kBAAW,OAiD9C;AACX,gGAlD2D,sBAAe,OAkD3D;AACf,4FAnD4E,kBAAW,OAmD5E;AAlDZ,yCAAqC;AAmDpC,yFAnDQ,mBAAQ,OAmDR;AAlDT,6CAAyC;AAmDxC,2FAnDQ,uBAAU,OAmDR;AAlDX,qCAAiC;AAqDhC,uFArDQ,eAAM,OAqDR"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;AAAA,uCAAmC;AAkDlC,wFAlDQ,iBAAO,OAkDR;AAjDR,iCAA6B;AAkD5B,qFAlDQ,WAAI,OAkDR;AAjDL,qCAAiC;AAkDhC,uFAlDQ,eAAM,OAkDR;AAjDP,uCAAmC;AAkDlC,wFAlDQ,iBAAO,OAkDR;AAjDR,+DAAyB;AAkDxB,eAlDM,cAAI,CAkDN;AAjDL,2CAAsF;AAkDrF,yFAlDQ,oBAAQ,OAkDR;AACR,8FAnDkB,yBAAa,OAmDlB;AACb,6FApDiC,wBAAY,OAoDjC;AACZ,kGArD+C,6BAAiB,OAqD/C;AApDlB,yDAK2B;AAmE1B,iGAvEA,mCAAgB,OAuEA;AAChB,qGAvEA,uCAAoB,OAuEA;AACpB,yGAvEA,2CAAwB,OAuEA;AACxB,qGAvEA,uCAAoB,OAuEA;AArErB,0DAA8B;AA4D7B,oBAAI;AA3DL,+CAAmF;AA8ClF,4FA9CQ,yBAAW,OA8CR;AACX,mGA/CqB,gCAAkB,OA+CrB;AAClB,mGAhDyC,gCAAkB,OAgDzC;AA/CnB,+CAMsB;AA0CrB,mGA/CA,gCAAkB,OA+CA;AAClB,yGA/CA,sCAAwB,OA+CA;AACxB,0GA/CA,uCAAyB,OA+CA;AACzB,0GA/CA,uCAAyB,OA+CA;AACzB,8GA/CA,2CAA6B,OA+CA;AA7C9B,qCAAiC;AA8ChC,uFA9CQ,eAAM,OA8CR;AA7CP,mCAA+B;AAgD9B,sFAhDQ,aAAK,OAgDR;AA/CN,yCAAkC;AAgDjC,mFAhDQ,UAAE,OAgDR;AA/CH,qCAAyF;AAiDxF,uFAjDQ,eAAM,OAiDR;AACN,8FAlDgB,sBAAa,OAkDhB;AACb,4FAnD+B,oBAAW,OAmD/B;AACX,4FApD4C,oBAAW,OAoD5C;AACX,8FArDyD,sBAAa,OAqDzD;AApDd,iCAA6B;AAyD5B,qFAzDQ,WAAI,OAyDR;AAxDL,iCAA6B;AAyD5B,qFAzDQ,WAAI,OAyDR;AAxDL,mCAA2D;AAyC1D,2FAzCQ,kBAAU,OAyCR;AACV,2FA1CoB,kBAAU,OA0CpB;AA8BV,0FAxEgC,iBAAS,OAwEhC;AAvEV,mCAA+B;AAwD9B,sFAxDQ,aAAK,OAwDR;AAvDN,qCAAiC;AAwDhC,uFAxDQ,eAAM,OAwDR;AAvDP,mCAA+B;AAwD9B,sFAxDQ,aAAK,OAwDR;AAvDN,yCAAqC;AAwDpC,yFAxDQ,mBAAQ,OAwDR;AAvDT,qCAAyD;AAwDxD,kGAxDQ,0BAAiB,OAwDR;AAUjB,4FAlE2B,oBAAW,OAkE3B;AAjEZ,iCAAwG;AAwDvG,qFAxDQ,WAAI,OAwDR;AACJ,0FAzDc,gBAAS,OAyDd;AACT,0FA1DyB,gBAAS,OA0DzB;AACT,yFA3DoC,eAAQ,OA2DpC;AACR,4FA5D8C,kBAAW,OA4D9C;AACX,gGA7D2D,sBAAe,OA6D3D;AACf,4FA9D4E,kBAAW,OA8D5E;AA7DZ,yCAAqC;AA8DpC,yFA9DQ,mBAAQ,OA8DR;AA7DT,6CAAyC;AA8DxC,2FA9DQ,uBAAU,OA8DR;AA7DX,qCAAiC;AAgEhC,uFAhEQ,eAAM,OAgER;AA/DP,+CAUsB;AAsDrB,4FA/DA,yBAAW,OA+DA;AACX,mGA/DA,gCAAkB,OA+DA;AAClB,mGA/DA,gCAAkB,OA+DA;AAClB,kGA/DA,+BAAiB,OA+DA;AACjB,kGA/DA,+BAAiB,OA+DA;AACjB,iGA/DA,8BAAgB,OA+DA;AAChB,uGA/DA,oCAAsB,OA+DA;AACtB,kGA/DA,+BAAiB,OA+DA;AACjB,kGA/DA,+BAAiB,OA+DA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modul/mbui",
-  "version": "0.0.13-beta-pv-53036-69a68bb4",
+  "version": "0.0.13-beta-pv-53036-cf3bc48d",
   "packageManager": "yarn@3.5.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -23,6 +23,7 @@
   "dependencies": {
     "@hookform/resolvers": "3.9.0",
     "@radix-ui/react-accordion": "^1.2.0",
+    "@radix-ui/react-alert-dialog": "1.1.1",
     "@radix-ui/react-collapsible": "1.1.0",
     "@radix-ui/react-dropdown-menu": "2.1.1",
     "@radix-ui/react-label": "2.1.0",

package/src/@/config/index.ts

@@ -44,6 +44,7 @@ export default {
 			backgroundColor: {
 				page: 'var(--page-bg)',
 				light: 'var(--bg-light)',
+				dialog: 'var(--dialog-bg)',
 				...button.backgroundColor,
 				...label.backgroundColor
 			},

package/src/AlertDialog/AlertDialog.tsx

@@ -0,0 +1,138 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "../@/lib/utils"
+import { buttonVariants } from "../Button"
+
+const AlertDialog = AlertDialogPrimitive.Root
+
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger
+
+const AlertDialogPortal = AlertDialogPrimitive.Portal
+
+const AlertDialogOverlay = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Overlay
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    )}
+    {...props}
+    ref={ref}
+  />
+))
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName
+
+const AlertDialogContent = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPortal>
+    <AlertDialogOverlay />
+    <AlertDialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-dialog p-[16px] shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-md",
+        className
+      )}
+      {...props}
+    />
+  </AlertDialogPortal>
+))
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName
+
+const AlertDialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogHeader.displayName = "AlertDialogHeader"
+
+const AlertDialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    )}
+    {...props}
+  />
+)
+AlertDialogFooter.displayName = "AlertDialogFooter"
+
+const AlertDialogTitle = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Title
+    ref={ref}
+    className={cn("text-lg font-semibold", className)}
+    {...props}
+  />
+))
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName
+
+const AlertDialogDescription = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+AlertDialogDescription.displayName =
+  AlertDialogPrimitive.Description.displayName
+
+const AlertDialogAction = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Action>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Action
+    ref={ref}
+    className={cn(buttonVariants({variant: 'primary', size: 'sm'}), className)}
+    {...props}
+  />
+))
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName
+
+const AlertDialogCancel = React.forwardRef<
+  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
+  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>
+>(({ className, ...props }, ref) => (
+  <AlertDialogPrimitive.Cancel
+    ref={ref}
+    className={cn(
+      buttonVariants({ variant: "outline", size: 'sm' }),
+      className
+    )}
+    {...props}
+  />
+))
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}

package/src/AlertDialog/index.ts

@@ -0,0 +1,13 @@
+export {
+	AlertDialog,
+	AlertDialogPortal,
+	AlertDialogOverlay,
+	AlertDialogTrigger,
+	AlertDialogContent,
+	AlertDialogHeader,
+	AlertDialogFooter,
+	AlertDialogTitle,
+	AlertDialogDescription,
+	AlertDialogAction,
+	AlertDialogCancel,
+} from './AlertDialog'

package/src/assets/css/global.css

@@ -109,6 +109,7 @@
         /* --text-quaternary:; */
 
         --page-bg: var(--cl-white);
+        --dialog-bg: var(--cl-white);
 
 
         /* ЦВЕТ КНОПОК */

package/src/index.ts

@@ -35,6 +35,17 @@ import { Form, FormLabel, FormField, FormItem, FormControl, FormDescription, For
 import { Calendar } from './Calendar'
 import { DatePicker } from './DatePicker'
 import { Select } from './Select'
+import {
+	AlertDialog,
+	AlertDialogTrigger,
+	AlertDialogContent,
+	AlertDialogHeader,
+	AlertDialogFooter,
+	AlertDialogTitle,
+	AlertDialogDescription,
+	AlertDialogAction,
+	AlertDialogCancel,
+} from './AlertDialog'
 
 export {
 	Tooltip,
@@ -88,4 +99,13 @@ export {
 	SelectAsync,
 	InputMask,
 	Select,
+	AlertDialog,
+	AlertDialogTrigger,
+	AlertDialogContent,
+	AlertDialogHeader,
+	AlertDialogFooter,
+	AlertDialogTitle,
+	AlertDialogDescription,
+	AlertDialogAction,
+	AlertDialogCancel,
 }