@max-ts/kit 0.14.0 → 0.15.0

package/lib/index.mjs

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Accordion, Checkbox } from "@base-ui/react";
 import clsx_0, { clsx } from "clsx";
-import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, Calendar1, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleIcon, Copy, Ellipsis, EllipsisVertical, PanelLeftClose, PanelLeftOpen, X } from "lucide-react";
+import { ArrowDownNarrowWide, ArrowDownUp, ArrowDownWideNarrow, Calendar1, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle, CircleCheck, CircleIcon, Copy, Ellipsis, EllipsisVertical, Info, OctagonAlert, PanelLeftClose, PanelLeftOpen, TriangleAlert, X } from "lucide-react";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
 import { Slot } from "@radix-ui/react-slot";
 import { Root } from "@radix-ui/react-label";
@@ -16,6 +16,7 @@ import { useMask } from "@react-input/mask";
 import { Close, Content as react_dialog_Content, Description as react_dialog_Description, Overlay as react_dialog_Overlay, Portal as react_dialog_Portal, Root as react_dialog_Root, Title as react_dialog_Title, Trigger as react_dialog_Trigger } from "@radix-ui/react-dialog";
 import { Drawer, Root as external_vaul_Root } from "vaul";
 import { OTPInput } from "input-otp";
+import { Toaster, toast } from "sonner";
 import { Indicator, Item as react_radio_group_Item, Root as react_radio_group_Root } from "@radix-ui/react-radio-group";
 import { Range, Root as react_slider_Root, Thumb, Track } from "@radix-ui/react-slider";
 import { Content as react_select_Content, Group, Icon, Item as react_select_Item, ItemIndicator, ItemText, Label as react_select_Label, Portal as react_select_Portal, Root as react_select_Root, ScrollDownButton, ScrollUpButton, Separator as react_select_Separator, Trigger as react_select_Trigger, Value as react_select_Value, Viewport } from "@radix-ui/react-select";
@@ -2486,6 +2487,69 @@ const InputOTP = ({ className, containerClassName, disabled, ...props })=>/*#__P
         },
         ...props
     });
+var constants_NotificationVariantTypes = /*#__PURE__*/ function(NotificationVariantTypes) {
+    NotificationVariantTypes["info"] = "info";
+    NotificationVariantTypes["success"] = "success";
+    NotificationVariantTypes["warning"] = "warning";
+    NotificationVariantTypes["error"] = "error";
+    return NotificationVariantTypes;
+}({});
+const NOTIFICATION_POSITIONS = {
+    topRight: 'top-right',
+    topLeft: 'top-left',
+    bottomRight: 'bottom-right',
+    bottomLeft: 'bottom-left',
+    topCenter: 'top-center',
+    bottomCenter: 'bottom-center'
+};
+class Notification {
+    service;
+    constructor(sonner){
+        this.service = sonner;
+    }
+    message(title, message) {
+        return this.service.message(title, {
+            description: message
+        });
+    }
+    success = (title)=>this.service.success(title);
+    error = (title)=>this.service.error(title);
+    info = (title)=>this.service.info(title);
+    warning = (title)=>this.service.warning(title);
+    loading = (title)=>this.service.loading(title);
+    dismiss = (id)=>this.service.dismiss(id);
+    custom = (node)=>this.service(node);
+    action = ({ title, buttonLabel, onClick })=>this.service(title, {
+            action: {
+                label: buttonLabel,
+                onClick
+            }
+        });
+}
+const notification = new Notification(toast);
+const NotificationContainer = ({ position = 'bottomRight', ...props })=>/*#__PURE__*/ jsx(Toaster, {
+        duration: 3000,
+        icons: {
+            error: /*#__PURE__*/ jsx(OctagonAlert, {
+                size: 20,
+                color: theme.colors.error
+            }),
+            success: /*#__PURE__*/ jsx(CircleCheck, {
+                size: 20,
+                color: theme.colors.success
+            }),
+            warning: /*#__PURE__*/ jsx(TriangleAlert, {
+                size: 20,
+                color: theme.colors.warning
+            }),
+            info: /*#__PURE__*/ jsx(Info, {
+                size: 20,
+                color: theme.colors.info
+            })
+        },
+        position: NOTIFICATION_POSITIONS[position],
+        ...props
+    });
 const PAGE_CONTENT_CLASSNAME = 'page-content';
 const PAGE_HEADER_CLASSNAME = 'page_header';
 const PAGE_ASIDE_CLASSNAME = 'page_aside';
@@ -3229,4 +3293,5 @@ function FormTextField({ name, control, gridArea, ...props }) {
 }
 var src_DEFAULT_SEPARATOR = ":";
 var src_DEFAULT_SYMBOL = "—";
-export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Badge, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, ConfirmAction, ContentState, Controller as FormController, CopyTypography, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog, Drawer_Drawer as Drawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormMaskField, FormProvider, FormSubmitButton, FormTextField, Image, ImageCarousel, Input, InputOTP, Label, MaskField, PageLayout, Pagination, PeriodPicker, Placeholder, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RangeInput, ScrollTopButton, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider, Tabs_Tabs as Tabs, TextField, Tooltip, Typography, alignments, badgeVariants, buttonSizes, buttonVariants, colors, displays, src_DEFAULT_SEPARATOR as DEFAULT_SEPARATOR, src_DEFAULT_SYMBOL as DEFAULT_SYMBOL, theme, transforms, useController as useFormController, useDashboard, useFieldArray as useFormFieldArray, useFormContext, useForm_useForm as useForm, useWatch as useFormWatch, variants, weights };
+var src_NOTIFY_CLASSNAME = "notify";
+export { Accordion_Accordion as Accordion, AlertDialog_AlertDialog as AlertDialog, Badge, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, Checkbox_Checkbox as Checkbox, CircularProgress, ConfirmAction, ContentState, Controller as FormController, CopyTypography, DESCRIPTION_ROOT_CLASSNAME, DashboardLayout, DataGrid, DataGridActionCell, DataGridSortHeader, DataList, DatePicker, Description_Description as Description, Dialog, Drawer_Drawer as Drawer, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormMaskField, FormProvider, FormSubmitButton, FormTextField, Image, ImageCarousel, Input, InputOTP, Label, MaskField, NOTIFICATION_POSITIONS, Notification, NotificationContainer, PageLayout, Pagination, PeriodPicker, Placeholder, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, RangeInput, ScrollTopButton, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider, Tabs_Tabs as Tabs, TextField, Tooltip, Typography, alignments, badgeVariants, buttonSizes, buttonVariants, colors, constants_NotificationVariantTypes as NotificationVariantTypes, displays, notification, src_DEFAULT_SEPARATOR as DEFAULT_SEPARATOR, src_DEFAULT_SYMBOL as DEFAULT_SYMBOL, src_NOTIFY_CLASSNAME as NOTIFY_CLASSNAME, theme, transforms, useController as useFormController, useDashboard, useFieldArray as useFormFieldArray, useFormContext, useForm_useForm as useForm, useWatch as useFormWatch, variants, weights };

package/lib/src/components/Notification/Notification.d.ts

@@ -0,0 +1,20 @@
+import { toast } from 'sonner';
+export declare class Notification {
+    private readonly service;
+    constructor(sonner: typeof toast);
+    message(title: string, message?: string): string | number;
+    success: (title: string) => string | number;
+    error: (title: string) => string | number;
+    info: (title: string) => string | number;
+    warning: (title: string) => string | number;
+    loading: (title: string) => string | number;
+    dismiss: (id?: string | number | undefined) => string | number;
+    custom: (node: React.ReactNode) => string | number;
+    action: ({ title, buttonLabel, onClick, }: {
+        title: string;
+        buttonLabel: string;
+        onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    }) => string | number;
+}
+export declare const notification: Notification;
+//# sourceMappingURL=Notification.d.ts.map

package/lib/src/components/Notification/Notification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/Notification.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAE/B,qBAAa,YAAY;IACxB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC;gBACb,MAAM,EAAE,OAAO,KAAK;IAIzB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM;IAMvC,OAAO,GAAI,OAAO,MAAM,qBAAiC;IAEzD,KAAK,GAAI,OAAO,MAAM,qBAA+B;IAErD,IAAI,GAAI,OAAO,MAAM,qBAA8B;IAEnD,OAAO,GAAI,OAAO,MAAM,qBAAiC;IAEzD,OAAO,GAAI,OAAO,MAAM,qBAAiC;IAEzD,OAAO,GAAI,KAAK,MAAM,GAAG,MAAM,GAAG,SAAS,qBACxB;IAEnB,MAAM,GAAI,MAAM,KAAK,CAAC,SAAS,qBAAwB;IAEvD,MAAM,GAAI,kCAId;QACF,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;QACpB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;KAC1E,qBAMG;CACJ;AAED,eAAO,MAAM,YAAY,cAA0B,CAAC"}

package/lib/src/components/Notification/NotificationContainer/NotificationContainer.d.ts

@@ -0,0 +1,9 @@
+import { NOTIFICATION_POSITIONS } from '../constants';
+type NotificationsProps = {
+    position?: keyof typeof NOTIFICATION_POSITIONS;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const NotificationContainer: ({ position, ...props }: NotificationsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationContainer.d.ts.map

package/lib/src/components/Notification/NotificationContainer/NotificationContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationContainer/NotificationContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,kBAAkB,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,wBAGnC,kBAAkB,4CAapB,CAAC"}

package/lib/src/components/Notification/NotificationContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NotificationContainer';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/components/Notification/NotificationContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Notification/NotificationContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/lib/src/components/Notification/constants.d.ts

@@ -0,0 +1,16 @@
+export declare enum NotificationVariantTypes {
+    info = "info",
+    success = "success",
+    warning = "warning",
+    error = "error"
+}
+export declare const NOTIFICATION_POSITIONS: {
+    readonly topRight: "top-right";
+    readonly topLeft: "top-left";
+    readonly bottomRight: "bottom-right";
+    readonly bottomLeft: "bottom-left";
+    readonly topCenter: "top-center";
+    readonly bottomCenter: "bottom-center";
+};
+export declare const NOTIFY_CLASSNAME = "notify";
+//# sourceMappingURL=constants.d.ts.map

package/lib/src/components/Notification/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,wBAAwB;IACnC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AAED,eAAO,MAAM,sBAAsB;;;;;;;CAOzB,CAAC;AAEX,eAAO,MAAM,gBAAgB,WAAW,CAAC"}

package/lib/src/components/Notification/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constants';
+export * from './Notification';
+export * from './NotificationContainer';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/components/Notification/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Notification/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/lib/src/components/index.d.ts

@@ -26,6 +26,7 @@ export * from './Input';
 export * from './InputOTP';
 export * from './Label';
 export * from './MaskField';
+export * from './Notification';
 export * from './PageLayout';
 export * from './Pagination';
 export * from './PeriodPicker';

package/lib/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@max-ts/kit",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
@@ -36,6 +36,7 @@
     "react-dom": "19.2.6",
     "react-hook-form": "^7.76.1",
     "react-virtuoso": "^4.18.7",
+    "sonner": "^2.0.7",
     "vaul": "^1.1.2"
   },
   "devDependencies": {