funuicss 2.5.8 → 2.5.9

package/dist/ui/grid/Grid.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Grid;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Grid(_a) {
+    var children = _a.children, funcss = _a.funcss, justify = _a.justify, align = _a.align, id = _a.id, direction = _a.direction, rest = __rest(_a, ["children", "funcss", "justify", "align", "id", "direction"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id || '', className: "row ".concat(funcss || ''), style: {
+            justifyContent: justify || '',
+            alignItems: align || '',
+            flexDirection: direction || 'row'
+        } }, rest, { children: children })));
+}

package/dist/ui/input/Iconic.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface IconicInputProps {
+    funcss?: string;
+    children?: ReactNode;
+    input?: ReactNode;
+    iconicBg?: string;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+export default function IconicInput({ funcss, children, leftIcon, rightIcon, input, iconicBg, }: IconicInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/input/Iconic.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = IconicInput;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function IconicInput(_a) {
+    var funcss = _a.funcss, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, input = _a.input, iconicBg = _a.iconicBg;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "icon-container ".concat(funcss), children: [leftIcon ?
+                (0, jsx_runtime_1.jsx)("div", { className: "leftIcon", style: {
+                        backgroundColor: iconicBg || '',
+                        border: iconicBg ? "0.1rem ".concat(iconicBg, " solid") : '',
+                    }, children: leftIcon ? leftIcon : '' })
+                : '', (0, jsx_runtime_1.jsxs)("div", { className: "icon_input_wrapper  ".concat(leftIcon ? 'lefticon' : '', " ").concat(rightIcon ? 'righticon' : ''), children: [" ", input] }), rightIcon ?
+                (0, jsx_runtime_1.jsx)("div", { className: "rightIcon", style: { backgroundColor: iconicBg || '' }, children: rightIcon ? rightIcon : '' })
+                : ''] }));
+}

package/dist/ui/input/Input.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+interface InputProps {
+    select?: boolean;
+    bordered?: boolean;
+    borderless?: boolean;
+    multiline?: boolean;
+    file?: boolean;
+    noBorder?: boolean;
+    icon?: React.ReactNode;
+    extra?: React.ReactNode;
+    button?: React.ReactNode;
+    id?: string;
+    status?: 'success' | 'warning' | 'danger' | '';
+    funcss?: string;
+    flat?: boolean;
+    leftRounded?: boolean;
+    rightRounded?: boolean;
+    rounded?: boolean;
+    fullWidth?: boolean;
+    btn?: boolean;
+    type?: string;
+    label?: string;
+    name?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
+    options?: {
+        value: string;
+        text: string;
+    }[];
+    rows?: number;
+    bg?: string;
+}
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/ui/input/Input.js

@@ -0,0 +1,110 @@
+"use strict";
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var pi_1 = require("react-icons/pi");
+var Button_1 = __importDefault(require("../button/Button"));
+var Input = function (_a) {
+    var select = _a.select, bordered = _a.bordered, borderless = _a.borderless, multiline = _a.multiline, file = _a.file, extra = _a.extra, noBorder = _a.noBorder, icon = _a.icon, btn = _a.btn, button = _a.button, id = _a.id, status = _a.status, funcss = _a.funcss, flat = _a.flat, leftRounded = _a.leftRounded, rightRounded = _a.rightRounded, rounded = _a.rounded, fullWidth = _a.fullWidth, type = _a.type, label = _a.label, name = _a.name, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, options = _a.options, rows = _a.rows, bg = _a.bg, rest = __rest(_a, ["select", "bordered", "borderless", "multiline", "file", "extra", "noBorder", "icon", "btn", "button", "id", "status", "funcss", "flat", "leftRounded", "rightRounded", "rounded", "fullWidth", "type", "label", "name", "value", "defaultValue", "onChange", "options", "rows", "bg"]);
+    var _b = (0, react_1.useState)(''), fileName = _b[0], setFileName = _b[1];
+    var handleChange = function (e) {
+        var _a;
+        var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file) {
+            setFileName(file.name);
+        }
+        if (onChange)
+            onChange(e);
+    };
+    if (select) {
+        if (bordered) {
+            return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderedInput\n          "), onChange: onChange, defaultValue: defaultValue, name: name, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, value: value, children: options
+                    ? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
+                    : '' })));
+        }
+        else if (borderless) {
+            return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderless\n          "), onChange: onChange, defaultValue: defaultValue, name: name, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, children: options
+                    ? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
+                    : '' })));
+        }
+        else {
+            return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n          "), onChange: onChange, defaultValue: defaultValue, name: name, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, children: options
+                    ? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
+                    : '' })));
+        }
+    }
+    else if (multiline) {
+        if (bordered) {
+            return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderedInput\n          "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, value: value, rows: rows ? rows : 2 })));
+        }
+        else if (borderless) {
+            return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderless\n          "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, rows: rows ? rows : 2 })));
+        }
+        else {
+            return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n          "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, rows: rows ? rows : 2 })));
+        }
+    }
+    else if (file) {
+        if (btn)
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "fileInput", children: [button ? (button) : ((0, jsx_runtime_1.jsx)(Button_1.default, { funcss: " ".concat(funcss, " "), startIcon: icon ? icon : (0, jsx_runtime_1.jsx)(pi_1.PiCloudArrowUp, {}), bg: "primary", fullWidth: true, raised: true, children: fileName || label || 'Upload File' })), (0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderedInput\n            filedInput\n          "), onChange: handleChange, type: 'file', style: {
+                            width: "".concat(fullWidth ? '100%' : '')
+                        }, value: value }, rest))] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "_upload_container", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id || "fileInput", className: "_upload_label", children: [(0, jsx_runtime_1.jsx)("div", { className: "_upload_icon", children: icon || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u21EA" }) }), (0, jsx_runtime_1.jsx)("div", { className: "_upload_text", children: fileName || label || "Upload File" }), (0, jsx_runtime_1.jsx)("div", { className: "text-small opacity-3", children: extra || '' })] }), (0, jsx_runtime_1.jsx)("input", __assign({ onChange: handleChange, type: "file", id: id || "fileInput", className: "_upload_input" }, rest))] }));
+    }
+    else {
+        if (bordered) {
+            return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderedInput\n          "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                }, value: value }, rest)));
+        }
+        else if (borderless) {
+            return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n            borderless\n          "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                } }, rest)));
+        }
+        else {
+            return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n            ".concat(status === 'success' ? 'success-input' : '', "\n            ").concat(status === 'warning' ? 'warning-input' : '', "\n            ").concat(status === 'danger' ? 'danger-input' : '', "\n            input \n            ").concat(rounded ? "rounded" : '', "\n            ").concat(bg ? bg : '', "\n            ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n            ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n          "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, value: value, style: {
+                    width: "".concat(fullWidth ? '100%' : '')
+                } }, rest)));
+        }
+    }
+};
+exports.default = Input;

package/dist/ui/list/Item.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ListItemProps {
+    children?: React.ReactNode;
+    funcss?: string;
+}
+export default function ListItem({ children, funcss, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/list/Item.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ListItem;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function ListItem(_a) {
+    var children = _a.children, funcss = _a.funcss, rest = __rest(_a, ["children", "funcss"]);
+    return ((0, jsx_runtime_1.jsx)("li", __assign({ className: "list ".concat(funcss ? funcss : '') }, rest, { children: children })));
+}

package/dist/ui/list/List.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+interface ListProps {
+    children?: React.ReactNode;
+    funcss?: string;
+    dark?: boolean;
+    light?: boolean;
+    stripped?: boolean;
+    bordered?: boolean;
+    hoverable?: boolean;
+    roundItems?: boolean;
+    gap?: number;
+}
+export default function List({ children, funcss, dark, light, stripped, bordered, hoverable, roundItems, gap, ...rest }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/list/List.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = List;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function List(_a) {
+    var children = _a.children, funcss = _a.funcss, dark = _a.dark, light = _a.light, stripped = _a.stripped, bordered = _a.bordered, hoverable = _a.hoverable, roundItems = _a.roundItems, gap = _a.gap, rest = __rest(_a, ["children", "funcss", "dark", "light", "stripped", "bordered", "hoverable", "roundItems", "gap"]);
+    return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: "list\n        ".concat(funcss ? funcss : '', "\n        ").concat(dark ? 'dark' : '', "\n        ").concat(light ? 'light' : '', "\n        ").concat(hoverable ? 'hoverableList' : '', "\n        ").concat(stripped ? 'stripped' : '', "\n        ").concat(bordered ? 'bordered' : '', "\n        ").concat(roundItems ? 'roundItems' : '', "\n      "), style: { gap: gap ? gap + "rem" : '' } }, rest, { children: children })));
+}

package/dist/ui/loader/Loader.d.ts

@@ -0,0 +1,10 @@
+interface FunLoaderProps {
+    funcss?: string;
+    size?: number;
+    fixed?: boolean;
+    backdrop?: boolean;
+    color?: string;
+    variant?: 'simple' | 'duotone' | "circle";
+}
+export default function FunLoader({ funcss, size, fixed, backdrop, color, variant, ...rest }: FunLoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/loader/Loader.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = FunLoader;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var pi_1 = require("react-icons/pi");
+function FunLoader(_a) {
+    var funcss = _a.funcss, size = _a.size, fixed = _a.fixed, backdrop = _a.backdrop, color = _a.color, variant = _a.variant, rest = __rest(_a, ["funcss", "size", "fixed", "backdrop", "color", "variant"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { lineHeight: "0" }, className: "".concat(fixed ? 'fixedLoader' : '', " ").concat(backdrop && fixed ? 'backdropLoader' : '') }, rest, { children: variant === 'simple' ?
+            (0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', "  text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinnerDuotone, { style: { fontSize: size + "px", display: 'block' } }) })
+            : variant === 'duotone' ?
+                (0, jsx_runtime_1.jsxs)("span", { className: "rotate ".concat(funcss ? funcss : '', "  text-").concat(color ? color : ''), children: [(0, jsx_runtime_1.jsx)(pi_1.PiSpinnerDuotone, { style: { fontSize: size + "px", display: 'block' } }), "     "] })
+                : variant === 'circle' ?
+                    (0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', "  text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiCircleNotch, {}) })
+                    : (0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', "  text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinner, { style: { fontSize: size + "px", display: 'block' } }) }) })));
+}

package/dist/ui/modal/Action.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ModalActionProps extends React.HTMLProps<HTMLDivElement> {
+    funcss?: string;
+    children?: React.ReactNode;
+}
+export default function ModalAction({ funcss, children, ...rest }: ModalActionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/modal/Action.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalAction;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function ModalAction(_a) {
+    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(funcss, " modal-action") }, rest, { children: children })));
+}

package/dist/ui/modal/Close.d.ts

@@ -0,0 +1,6 @@
+import { HTMLProps } from 'react';
+interface CloseModalProps extends HTMLProps<HTMLDivElement> {
+    funcss?: string;
+}
+export default function CloseModal({ funcss, ...rest }: CloseModalProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/modal/Close.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = CloseModal;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var pi_1 = require("react-icons/pi");
+function CloseModal(_a) {
+    var funcss = _a.funcss, rest = __rest(_a, ["funcss"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(funcss || '', " closeModal") }, rest, { children: (0, jsx_runtime_1.jsx)(pi_1.PiX, {}) })));
+}

package/dist/ui/modal/Content.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface ModalContentProps {
+    funcss?: string;
+    children?: React.ReactNode;
+}
+export default function ModalContent({ funcss, children, }: ModalContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/modal/Content.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalContent;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function ModalContent(_a) {
+    var funcss = _a.funcss, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "modal-body ".concat(funcss), children: children }));
+}

package/dist/ui/modal/Header.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface ModalHeaderProps {
+    funcss?: string;
+    children?: React.ReactNode;
+    close?: React.ReactNode | '';
+    title?: React.ReactNode;
+}
+export default function ModalHeader({ funcss, children, close, title, ...rest }: ModalHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/modal/Header.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalHeader;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function ModalHeader(_a) {
+    var funcss = _a.funcss, children = _a.children, close = _a.close, title = _a.title, rest = __rest(_a, ["funcss", "children", "close", "title"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "".concat(funcss, " modal-title") }, rest, { children: [(0, jsx_runtime_1.jsx)("div", { className: "fit", children: title ? title : children }), " ", (0, jsx_runtime_1.jsx)("div", { children: close ? close : '' })] })));
+}

package/dist/ui/modal/Modal.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+interface ModalProps {
+    children?: React.ReactNode;
+    funcss?: string;
+    animation?: string;
+    duration?: number;
+    open: boolean;
+    setOpen: (val: boolean) => void;
+    maxWidth?: string;
+    maxHeight?: string;
+    height?: string;
+    width?: string;
+    backdrop?: boolean;
+    body?: React.ReactNode;
+    bodycss?: string;
+    title?: React.ReactNode;
+    okIcon?: React.ReactNode;
+    titlecss?: string;
+    footer?: React.ReactNode;
+    footercss?: string;
+    close?: React.ReactNode;
+    closecss?: string;
+    id?: string;
+    position?: string;
+    flat?: boolean;
+    onOk?: () => void;
+    onOkText?: string;
+}
+export default function Modal({ children, funcss, animation, duration, open, setOpen, maxWidth, maxHeight, okIcon, height, width, backdrop, title, titlecss, body, bodycss, footer, footercss, close, closecss, position, id, flat, onOk, // 👈 added
+onOkText, // 👈 added
+...rest }: ModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/ui/modal/Modal.js

@@ -0,0 +1,61 @@
+"use strict";
+'use client';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Modal;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Header_1 = __importDefault(require("./Header"));
+var Content_1 = __importDefault(require("./Content"));
+var Action_1 = __importDefault(require("./Action"));
+var pi_1 = require("react-icons/pi");
+var Button_1 = __importDefault(require("../button/Button"));
+function Modal(_a) {
+    var children = _a.children, funcss = _a.funcss, animation = _a.animation, duration = _a.duration, open = _a.open, setOpen = _a.setOpen, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, okIcon = _a.okIcon, height = _a.height, width = _a.width, _b = _a.backdrop, backdrop = _b === void 0 ? false : _b, title = _a.title, titlecss = _a.titlecss, body = _a.body, bodycss = _a.bodycss, footer = _a.footer, footercss = _a.footercss, close = _a.close, closecss = _a.closecss, position = _a.position, id = _a.id, flat = _a.flat, onOk = _a.onOk, // 👈 added
+    onOkText = _a.onOkText, // 👈 added
+    rest = __rest(_a, ["children", "funcss", "animation", "duration", "open", "setOpen", "maxWidth", "maxHeight", "okIcon", "height", "width", "backdrop", "title", "titlecss", "body", "bodycss", "footer", "footercss", "close", "closecss", "position", "id", "flat", "onOk", "onOkText"]);
+    var modalId = id || '_mymodal';
+    var handleClickOutside = function (e) {
+        if (e.target && e.target.id === modalId) {
+            setOpen(false);
+        }
+    };
+    var handleOkClick = function () {
+        if (onOk)
+            onOk();
+        else
+            setOpen(false); // default behavior if no onOk is provided
+    };
+    if (!open)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "modal ".concat(backdrop ? 'backdrop' : '', " ").concat(position || ''), id: modalId, onClick: handleClickOutside, children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "modal-content ".concat(funcss || '', " ").concat(flat ? 'flat' : ''), style: {
+                animation: "".concat(duration || 0.2, "s ").concat(animation || 'ScaleUp'),
+                maxWidth: maxWidth || undefined,
+                maxHeight: maxHeight || undefined,
+                width: width || undefined,
+                height: height || undefined,
+            } }, rest, { children: [title && ((0, jsx_runtime_1.jsx)(Header_1.default, { funcss: titlecss || '', title: title, close: (0, jsx_runtime_1.jsx)("div", { onClick: function () { return setOpen(false); }, className: "".concat(closecss || '', " pointer hover-text-error"), children: close || (0, jsx_runtime_1.jsx)(pi_1.PiX, { size: 25 }) }) })), body && ((0, jsx_runtime_1.jsx)(Content_1.default, { funcss: bodycss || '', children: body })), footer ? ((0, jsx_runtime_1.jsx)(Action_1.default, { funcss: footercss || '', children: footer })) : ((0, jsx_runtime_1.jsx)(Action_1.default, { funcss: 'text-right', children: (0, jsx_runtime_1.jsx)(Button_1.default, { bg: 'success800', endIcon: okIcon || (0, jsx_runtime_1.jsx)(pi_1.PiPaperPlaneRight, {}), raised: true, onClick: handleOkClick, children: onOkText || 'OK' }) })), children] })) }));
+}

package/dist/ui/notification/Content.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type NotificationContentProps = {
+    funcss?: string;
+    children?: React.ReactNode;
+};
+export default function NotificationContent({ funcss, children }: NotificationContentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/notification/Content.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NotificationContent;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function NotificationContent(_a) {
+    var funcss = _a.funcss, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "notificationContent ".concat(funcss ? funcss : ''), children: children }));
+}

package/dist/ui/notification/Footer.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+type NotificationFooterProps = {
+    funcss?: string;
+    children?: React.ReactNode;
+};
+export default function NotificationFooter({ funcss, children }: NotificationFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/notification/Footer.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NotificationFooter;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function NotificationFooter(_a) {
+    var funcss = _a.funcss, children = _a.children;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "notificationFooter ".concat(funcss ? funcss : ''), children: children }));
+}