ar-design 0.3.39 → 0.3.41

package/dist/assets/css/components/feedback/{popup/popup.css → popup-confirm/styles.css}

@@ -24,7 +24,7 @@
   gap: 1.5rem;
   background-color: var(--white);
   width: 450px;
-  padding: 1rem 2rem;
+  padding: 2rem;
   border-radius: var(--border-radius-sm);
   box-shadow: 0 5px 15px -5px rgba(var(--black-rgb), 0.25);
   overflow: hidden;
@@ -38,38 +38,32 @@
 }
 
 .ar-notification-popup > .icon {
-  width: 5rem;
-  height: 5rem;
-}
-
-.ar-notification-popup > .icon.success {
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: var(--success);
+  width: 3rem;
+  height: 3rem;
   border-radius: var(--border-radius-pill);
-  box-shadow: 0 0 0 5px rgba(var(--success-rgb), 0.25);
-}
 
-.ar-notification-popup > .icon.warning {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--warning);
-  border-radius: var(--border-radius-pill);
-  box-shadow: 0 0 0 5px rgba(var(--warning-rgb), 0.25);
-}
-
-.ar-notification-popup > .icon.error {
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--danger);
-  border-radius: var(--border-radius-pill);
-  box-shadow: 0 0 0 5px rgba(var(--danger-rgb), 0.25);
+  &.success,
+  &.save {
+    background-color: rgba(var(--success-rgb), 0.25);
+    box-shadow: 0 0 0 5px rgba(var(--success-rgb), 0.1);
+  }
+  &.warning {
+    background-color: rgba(var(--warning-rgb), 0.25);
+    box-shadow: 0 0 0 5px rgba(var(--warning-rgb), 0.1);
+  }
+  &.information {
+    background-color: rgba(var(--information-rgb), 0.25);
+    box-shadow: 0 0 0 5px rgba(var(--information-rgb), 0.1);
+  }
+  &.error,
+  &.delete {
+    background-color: rgba(var(--danger-rgb), 0.25);
+    box-shadow: 0 0 0 5px rgba(var(--danger-rgb), 0.1);
+  }
 }
 
 .ar-notification-popup > .content {
@@ -83,7 +77,8 @@
 }
 .ar-notification-popup > .content > .title {
   color: var(--gray-700);
-  font-size: 1.75rem;
+  font-size: 1.25rem;
+  font-weight: 700;
   text-align: center;
 }
 
@@ -92,6 +87,10 @@
   text-align: center;
 }
 
+.ar-notification-popup > .footer {
+  width: 100%;
+}
+
 @media only screen and (max-width: 480px) {
   .ar-notification.top-left {
     inset: 1rem 1rem auto 1rem;

package/dist/components/feedback/popup-confirm/IProps.d.ts

@@ -0,0 +1,10 @@
+import { PopupButtonConfig, Status } from "../../../libs/core/application/contexts/Notification";
+interface IProps {
+    title: string;
+    message?: string;
+    status: (Status | "save" | "delete") | number;
+    isOpen: boolean;
+    buttons?: PopupButtonConfig | null;
+    onConfirm?: ((confirm: boolean) => void) | null;
+}
+export default IProps;

package/dist/components/feedback/popup-confirm/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import IProps from "./IProps";
+import "../../../assets/css/components/feedback/popup-confirm/styles.css";
+declare const PopupConfirm: ({ title, message, status, isOpen, buttons, onConfirm }: IProps) => false | React.ReactPortal;
+export default PopupConfirm;

package/dist/components/feedback/{popup → popup-confirm}/index.js

@@ -1,12 +1,13 @@
 "use client";
 import React, { useContext, useEffect, useRef, useState } from "react";
-import "../../../assets/css/components/feedback/popup/popup.css";
+import "../../../assets/css/components/feedback/popup-confirm/styles.css";
 import Button from "../../form/button";
 import ReactDOM from "react-dom";
 import { NotificationContext } from "../../../libs/core/application/contexts/Notification";
 import { ARIcon } from "../../icons";
-import Box from "../../data-display/grid-system/box/Box";
-const Popup = ({ title, message, status, isOpen, buttons }) => {
+import Row from "../../data-display/grid-system/row/Row";
+import Column from "../../data-display/grid-system/column/Column";
+const PopupConfirm = ({ title, message, status, isOpen, buttons, onConfirm }) => {
     // contexts
     const { setIsPopupOpen } = useContext(NotificationContext);
     // refs
@@ -19,12 +20,14 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
     const buttonColor = () => {
         switch (status) {
             case "success":
+            case "save":
                 return "green";
             case "warning":
                 return "orange";
             case "information":
-                return "teal";
+                return "cyan";
             case "error":
+            case "delete":
                 return "red";
             default:
                 return "light";
@@ -33,13 +36,17 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
     const buttonIcons = () => {
         switch (status) {
             case "success":
-                return React.createElement(ARIcon, { icon: "CheckAll", fill: "var(--white)", size: 64 });
+                return React.createElement(ARIcon, { icon: "CheckAll", fill: "var(--success)", size: 24 });
+            case "save":
+                return React.createElement(ARIcon, { icon: "Floppy-Fill", fill: "var(--success)", size: 24 });
             case "warning":
-                return React.createElement(ARIcon, { icon: "ExclamationDiamond-Fill", fill: "var(--white)", size: 48 });
+                return React.createElement(ARIcon, { icon: "ExclamationDiamond-Fill", fill: "var(--warning)", size: 24 });
             case "information":
-                return "information";
+                return React.createElement(ARIcon, { icon: "Information-Circle-Fill", fill: "var(--information)", size: 24 });
             case "error":
-                return React.createElement(ARIcon, { icon: "XCircle-Fill", fill: "var(--white)", size: 48 });
+                return React.createElement(ARIcon, { icon: "XCircle-Fill", fill: "var(--danger)", size: 24 });
+            case "delete":
+                return React.createElement(ARIcon, { icon: "Trash-Fill", fill: "var(--danger)", size: 24 });
             default:
                 return "light";
         }
@@ -71,22 +78,21 @@ const Popup = ({ title, message, status, isOpen, buttons }) => {
             React.createElement("div", { ref: _arNotificationPopup, className: className.map((c) => c).join(" ") },
                 React.createElement("div", { className: `icon ${status}` }, buttonIcons()),
                 React.createElement("div", { className: "content" },
-                    React.createElement("span", { className: `title ${status}` },
-                        title,
-                        "!"),
+                    React.createElement("span", { className: `title ${status}` }, title),
                     React.createElement("span", { className: "message" }, message)),
-                React.createElement(Box, null,
-                    React.createElement(Button, { variant: "filled", color: buttonColor(), onClick: () => {
-                            (() => buttons?.okay?.onClick && buttons.okay?.onClick())();
-                            (() => {
-                                setIsPopupOpen && setIsPopupOpen((prev) => !prev);
-                            })();
-                        } }, buttons?.okay?.text ?? "Tamam"),
-                    buttons?.cancel && (React.createElement(Button, { variant: "filled", color: "light", onClick: () => {
-                            (() => buttons?.cancel?.onClick && buttons.cancel?.onClick())();
-                            (() => {
-                                setIsPopupOpen && setIsPopupOpen((prev) => !prev);
-                            })();
-                        } }, buttons?.cancel?.text ?? "İptal"))))), document.body));
+                React.createElement("div", { className: "footer" },
+                    React.createElement(Row, null,
+                        React.createElement(Column, { size: buttons?.cancel ? 6 : 12 },
+                            React.createElement(Button, { color: buttonColor(), onClick: (event) => {
+                                    buttons?.okay?.onClick?.(event);
+                                    onConfirm?.(true);
+                                    setIsPopupOpen?.((prev) => !prev);
+                                }, fullWidth: true }, buttons?.okay?.children ?? "Tamam")),
+                        buttons?.cancel && (React.createElement(Column, { size: 6 },
+                            React.createElement(Button, { variant: "outlined", color: buttons.cancel.color ?? "gray", onClick: (event) => {
+                                    buttons?.cancel?.onClick?.(event);
+                                    onConfirm?.(false);
+                                    setIsPopupOpen?.((prev) => !prev);
+                                }, fullWidth: true }, buttons.cancel.children ?? "Vazgeç"))))))), document.body));
 };
-export default Popup;
+export default PopupConfirm;

package/dist/components/icons/Compiler.js

@@ -82,6 +82,10 @@ class Icon {
             case "Filter":
                 return (React.createElement(React.Fragment, null,
                     React.createElement("path", { d: "M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5m-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5" })));
+            case "Floppy-Fill":
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("path", { d: "M0 1.5A1.5 1.5 0 0 1 1.5 0H3v5.5A1.5 1.5 0 0 0 4.5 7h7A1.5 1.5 0 0 0 13 5.5V0h.086a1.5 1.5 0 0 1 1.06.44l1.415 1.414A1.5 1.5 0 0 1 16 2.914V14.5a1.5 1.5 0 0 1-1.5 1.5H14v-5.5A1.5 1.5 0 0 0 12.5 9h-9A1.5 1.5 0 0 0 2 10.5V16h-.5A1.5 1.5 0 0 1 0 14.5z" }),
+                    React.createElement("path", { d: "M3 16h10v-5.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5zm9-16H4v5.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5zM9 1h2v4H9z" })));
             case "Front":
                 return (React.createElement("path", { d: "M0 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-2H2a2 2 0 0 1-2-2zm5 10v2a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-2v5a2 2 0 0 1-2 2z" }));
             case "GripVertical":
@@ -92,6 +96,8 @@ class Icon {
                     React.createElement("path", { d: "M12 3V16M12 16L16 11.625M12 16L8 11.625", stroke: this._stroke, strokeWidth: this._strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })));
             case "Inbox-Fill":
                 return (React.createElement("path", { d: "M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4zm-1.17-.437A1.5 1.5 0 0 1 4.98 3h6.04a1.5 1.5 0 0 1 1.17.563l3.7 4.625a.5.5 0 0 1 .106.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374z" }));
+            case "Information-Circle-Fill":
+                return (React.createElement("path", { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2" }));
             case "Italic":
                 return (React.createElement("path", { d: "M7.991 11.674 9.53 4.455c.123-.595.246-.71 1.347-.807l.11-.52H7.211l-.11.52c1.06.096 1.128.212 1.005.807L6.57 11.674c-.123.595-.246.71-1.346.806l-.11.52h3.774l.11-.52c-1.06-.095-1.129-.211-1.006-.806z" }));
             case "NumberList":

package/dist/components/navigation/steps/IProps.d.ts

@@ -1,6 +1,7 @@
 import { StepProps, ValidationProperties } from "../../../libs/types";
 import { IChildren } from "../../../libs/types/IGlobalProps";
 interface IProps<TData extends object> extends IChildren {
+    name: string;
     steps: StepProps[];
     onChange: (currentStep: number) => void;
     validation?: {

package/dist/components/navigation/steps/index.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import IProps from "./IProps";
 import "../../../assets/css/components/navigation/steps/styles.css";
-declare const Steps: <T extends object>({ children, steps, onChange, validation }: IProps<T>) => React.JSX.Element;
+declare const Steps: <T extends object>({ children, name, steps, onChange, validation }: IProps<T>) => React.JSX.Element;
 export default Steps;

package/dist/components/navigation/steps/index.js

@@ -5,18 +5,11 @@ import Typography from "../../data-display/typography";
 import Button from "../../form/button";
 import { useValidation } from "../../../libs/core/application/hooks";
 const { Title } = Typography;
-const Steps = function ({ children, steps = [], onChange, validation }) {
+const Steps = function ({ children, name, steps = [], onChange, validation }) {
     // states
     const [currentStep, setCurrentStep] = useState(0);
-    let _errors;
-    let _onSubmit;
-    let _setSubmit;
-    if (validation) {
-        const { errors, onSubmit, setSubmit } = useValidation(validation.data, validation.rules, currentStep + 1);
-        _errors = errors;
-        _onSubmit = onSubmit;
-        _setSubmit = setSubmit;
-    }
+    // hooks
+    const { errors, onSubmit, setSubmit } = useValidation(validation?.data, validation?.rules, currentStep + 1);
     // methods
     const getStepIconStatus = (currentStep, index) => {
         if (currentStep < index)
@@ -26,7 +19,12 @@ const Steps = function ({ children, steps = [], onChange, validation }) {
         return "completed";
     };
     // useEffects
-    useEffect(() => onChange(0), []);
+    useEffect(() => {
+        const key = `${window.location.pathname}::${name}`;
+        const stored = sessionStorage.getItem(key);
+        setCurrentStep(stored !== null ? Number(stored) : 0);
+        onChange?.(stored !== null ? Number(stored) : 0);
+    }, []);
     return (React.createElement("div", { className: "ar-steps" },
         React.createElement("div", { className: "steps" }, steps.length > 0 &&
             steps.map((step, index) => {
@@ -34,18 +32,20 @@ const Steps = function ({ children, steps = [], onChange, validation }) {
                 itemIcon.push(getStepIconStatus(currentStep, index));
                 return (React.createElement("div", { key: step.title || index, className: "item", onClick: () => {
                         if (validation) {
-                            _onSubmit((result) => {
+                            onSubmit((result) => {
                                 if (!result)
                                     return;
                                 setCurrentStep(index);
                                 onChange(index);
-                                _setSubmit(false);
+                                setSubmit(false);
                             });
                         }
                         else {
                             setCurrentStep(index);
                             onChange(index);
                         }
+                        const key = `${window.location.pathname}::${name}`;
+                        sessionStorage.setItem(key, String(index));
                     } },
                     React.createElement("div", { className: itemIcon.map((c) => c).join(" ") },
                         React.createElement("span", { className: getStepIconStatus(currentStep, index) })),
@@ -61,7 +61,7 @@ const Steps = function ({ children, steps = [], onChange, validation }) {
                     if (React.isValidElement(child) && stepIndex === currentStep) {
                         return validation
                             ? React.cloneElement(child, {
-                                errors: _errors,
+                                errors: errors,
                             })
                             : child;
                     }
@@ -76,18 +76,20 @@ const Steps = function ({ children, steps = [], onChange, validation }) {
                 children && children,
                 currentStep < steps.length - 1 && (React.createElement(Button, { color: "blue", onClick: () => {
                         if (validation) {
-                            _onSubmit((result) => {
+                            onSubmit((result) => {
                                 if (!result)
                                     return;
                                 setCurrentStep((prev) => prev + 1);
                                 onChange(currentStep + 1);
-                                _setSubmit(false);
+                                setSubmit(false);
                             });
                         }
                         else {
                             setCurrentStep((prev) => prev + 1);
                             onChange(currentStep + 1);
                         }
+                        const key = `${window.location.pathname}::${name}`;
+                        sessionStorage.setItem(key, String(currentStep + 1));
                     } }, "\u0130leri"))))));
 };
 export default Steps;

package/dist/libs/core/application/contexts/Notification.d.ts

@@ -1,27 +1,24 @@
 import React, { ReactNode } from "react";
+import IButtonProps from "../../../../components/form/button/IProps";
 export type Status = "success" | "warning" | "information" | "error";
 export type Direction = "top-left" | "top-right" | "bottom-left" | "bottom-right";
 type Props = {
     children: ReactNode;
     direction: Direction;
 };
-export type PopupButtonProps = {
-    okay?: {
-        text?: string;
-        onClick?: () => void;
-    };
-    cancel?: {
-        text?: string;
-        onClick?: () => void;
-    };
+export type PopupButtonConfig = {
+    okay?: IButtonProps;
+    cancel?: IButtonProps;
 };
 type NotificationContextProps = {
     setTitle: React.Dispatch<React.SetStateAction<string>>;
     setMessage: React.Dispatch<React.SetStateAction<string>>;
     setStatus: React.Dispatch<React.SetStateAction<Status | number>>;
+    setPopupStatus: React.Dispatch<React.SetStateAction<(Status | "save" | "delete") | number>>;
     setTrigger: React.Dispatch<React.SetStateAction<boolean>>;
     setIsPopupOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    setPopupButtons: React.Dispatch<React.SetStateAction<PopupButtonProps | null>>;
+    setPopupButtons: React.Dispatch<React.SetStateAction<PopupButtonConfig | null>>;
+    setOnConfirm: React.Dispatch<React.SetStateAction<((confirm: boolean) => void) | null>>;
 };
 declare const NotificationContext: React.Context<Partial<NotificationContextProps>>;
 declare const NotificationProvider: ({ children, direction }: Props) => React.JSX.Element;

package/dist/libs/core/application/contexts/Notification.js

@@ -1,25 +1,29 @@
 "use client";
 import React, { createContext, useState } from "react";
 import Notification from "../../../../components/feedback/notification";
-import Popup from "../../../../components/feedback/popup";
+import PopupConfirm from "../../../../components/feedback/popup-confirm";
 const NotificationContext = createContext({});
 const NotificationProvider = ({ children, direction }) => {
     const [title, setTitle] = useState("Example");
     const [message, setMessage] = useState("Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir.");
     const [status, setStatus] = useState("success");
+    const [popupStatus, setPopupStatus] = useState("success");
     const [trigger, setTrigger] = useState(false);
     const [isPopupOpen, setIsPopupOpen] = useState(false);
     const [popupButtons, setPopupButtons] = useState(null);
+    const [onConfirm, setOnConfirm] = useState(null);
     return (React.createElement(NotificationContext.Provider, { value: {
             setTitle,
             setMessage,
             setStatus,
+            setPopupStatus,
             setTrigger,
             setIsPopupOpen,
             setPopupButtons,
+            setOnConfirm,
         } },
         children,
         React.createElement(Notification, { title: title, message: message, status: status, direction: direction, trigger: trigger }),
-        React.createElement(Popup, { title: title, message: message, status: status, isOpen: isPopupOpen, buttons: popupButtons })));
+        React.createElement(PopupConfirm, { title: title, message: message, status: popupStatus, isOpen: isPopupOpen, buttons: popupButtons, onConfirm: onConfirm })));
 };
 export { NotificationContext, NotificationProvider };

package/dist/libs/core/application/hooks/index.d.ts

@@ -1,4 +1,4 @@
-import { PopupButtonProps, Status } from "../contexts/Notification";
+import { PopupButtonConfig, Status } from "../contexts/Notification";
 import { ValidationProperties } from "../../../types";
 import { INotificationLocale } from "../locales";
 export declare const useLayout: () => {
@@ -50,11 +50,13 @@ export declare const useNotification: () => {
         message?: string;
         status: Status | number;
     }) => void;
-    popup: ({ title, message, status, }: {
+    popupConfirm: ({ title, message, status, buttons, onConfirm, }: {
         title: string;
         message?: string;
-        status: Status | number;
-    }, buttons?: PopupButtonProps | null) => void;
+        status: (Status | "save" | "delete") | number;
+        buttons?: PopupButtonConfig | null;
+        onConfirm?: (confirm: boolean) => void;
+    }) => void;
 };
 export declare const useValidation: <TData extends object>(data: TData, params: ValidationProperties<TData>[], step?: number) => {
     onSubmit: (callback: (result: boolean) => void) => void;

package/dist/libs/core/application/hooks/index.js

@@ -26,22 +26,23 @@ export const useTranslation = function (currentLanguage, translations) {
 };
 export const useNotification = () => {
     // contexts
-    const { setTitle, setMessage, setStatus, setTrigger, setIsPopupOpen, setPopupButtons } = useContext(NotificationContext);
+    const { setTitle, setMessage, setStatus, setPopupStatus, setTrigger, setIsPopupOpen, setPopupButtons, setOnConfirm } = useContext(NotificationContext);
     // methods
     const notification = ({ title, message, status }) => {
-        setTitle && setTitle(title);
-        setMessage && setMessage(message ?? "");
-        setStatus && setStatus(status);
-        setTrigger && setTrigger((trigger) => !trigger);
+        setTitle?.(title);
+        setMessage?.(message ?? "");
+        setStatus?.(status);
+        setTrigger?.((trigger) => !trigger);
     };
-    const popup = ({ title, message, status, }, buttons) => {
-        setTitle && setTitle(title);
-        setMessage && setMessage(message ?? "");
-        setStatus && setStatus(status);
-        setIsPopupOpen && setIsPopupOpen((trigger) => !trigger);
-        setPopupButtons && setPopupButtons(buttons ?? null);
+    const popupConfirm = ({ title, message, status, buttons, onConfirm, }) => {
+        setTitle?.(title);
+        setMessage?.(message ?? "");
+        setPopupStatus?.(status);
+        setIsPopupOpen?.((trigger) => !trigger);
+        setPopupButtons?.(buttons ?? null);
+        setOnConfirm?.(() => onConfirm);
     };
-    return { notification, popup };
+    return { notification, popupConfirm };
 };
 export const useValidation = function (data, params, step) {
     // refs

package/dist/libs/types/index.d.ts

@@ -83,7 +83,7 @@ export type Errors<TData> = Partial<{
 }>;
 export type MimeTypes = "image/jpeg" | "image/png" | "image/gif" | "image/webp" | "image/svg+xml" | "image/bmp" | "image/tiff" | "application/pdf" | "application/msword" | "application/vnd.openxmlformats-officedocument.wordprocessingml.document" | "application/vnd.ms-excel" | "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" | "application/vnd.openxmlformats-officedocument.presentationml.presentation" | "application/zip" | "application/x-rar-compressed" | "application/x-7z-compressed" | "application/gzip" | "application/json" | "application/xml" | "text/plain" | "text/csv" | "text/html" | "video/mp4" | "video/quicktime" | "video/x-msvideo" | "video/x-matroska" | "video/webm" | "video/x-flv" | "audio/mpeg" | "audio/wav" | "audio/ogg" | "audio/aac" | "audio/flac" | "application/octet-stream";
 export type FileCategory = "image" | "document" | "spreadsheet" | "presentation" | "archive" | "text" | "video" | "audio" | "json" | "xml" | "binary" | "other";
-export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CameraReels" | "CheckAll" | "CloseCircle" | "CloseSquare" | "CloudUpload-Fill" | "Dash" | "Document" | "Download" | "ExclamationCircle" | "ExclamationDiamond-Fill" | "Eye-Fill" | "File" | "FileEarmark-Fill" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypeHtml" | "FileTypeJson" | "FileTypePdf" | "FileTypePptx" | "FileTypeTxt" | "FileTypeXls" | "FileTypeXlsx" | "FileTypeXml" | "FileTypeZip" | "Filter" | "Folder" | "Front" | "GripVertical" | "Import" | "Inbox-Fill" | "Italic" | "NumberList" | "Strikethrough" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash-Fill" | "Underline" | "Upload" | "Warning" | "XCircle-Fill";
+export type Icons = "Add" | "ArrowLeft" | "ArrowRight" | "Bold" | "BulletList" | "CameraReels" | "CheckAll" | "CloseCircle" | "CloseSquare" | "CloudUpload-Fill" | "Dash" | "Document" | "Download" | "ExclamationCircle" | "ExclamationDiamond-Fill" | "Eye-Fill" | "File" | "FileEarmark-Fill" | "FileTypeCsv" | "FileTypeDoc" | "FileTypeDocx" | "FileTypeHtml" | "FileTypeJson" | "FileTypePdf" | "FileTypePptx" | "FileTypeTxt" | "FileTypeXls" | "FileTypeXlsx" | "FileTypeXml" | "FileTypeZip" | "Filter" | "Floppy-Fill" | "Folder" | "Front" | "GripVertical" | "Import" | "Inbox-Fill" | "Information-Circle-Fill" | "Italic" | "NumberList" | "Strikethrough" | "TextAlingCenter" | "TextAlingLeft" | "TextAlingRight" | "TickCircle" | "Trash-Fill" | "Underline" | "Upload" | "Warning" | "XCircle-Fill";
 export type PieChartDataType = {
     value: number;
     text: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.39",
+  "version": "0.3.41",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/components/feedback/popup/IProps.d.ts

@@ -1,9 +0,0 @@
-import { PopupButtonProps, Status } from "../../../libs/core/application/contexts/Notification";
-interface IProps {
-    title: string;
-    message?: string;
-    status: Status | number;
-    isOpen: boolean;
-    buttons?: PopupButtonProps | null;
-}
-export default IProps;

package/dist/components/feedback/popup/index.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import IProps from "./IProps";
-import "../../../assets/css/components/feedback/popup/popup.css";
-declare const Popup: ({ title, message, status, isOpen, buttons }: IProps) => false | React.ReactPortal;
-export default Popup;