funuicss 2.5.8 → 2.5.9

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

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

package/dist/ui/notification/Header.js

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

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type NotificationProps = {
+    position: string;
+    funcss?: string;
+    animation?: string;
+    duration?: number;
+    children: React.ReactNode;
+    state: boolean;
+    width?: string;
+    header?: React.ReactNode;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export default function Notification({ position, funcss, animation, duration, children, state, width, header, content, footer }: NotificationProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/ui/notification/Notification.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Notification;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Header_1 = __importDefault(require("./Header"));
+var Content_1 = __importDefault(require("./Content"));
+var Footer_1 = __importDefault(require("./Footer"));
+function Notification(_a) {
+    var position = _a.position, funcss = _a.funcss, animation = _a.animation, duration = _a.duration, children = _a.children, state = _a.state, width = _a.width, header = _a.header, content = _a.content, footer = _a.footer;
+    if (state) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "notification ".concat(position, " ").concat(funcss), style: { animation: " ".concat(duration ? duration : 0.2, "s ").concat(animation), width: width ? width : '450px' }, children: [header &&
+                    (0, jsx_runtime_1.jsx)(Header_1.default, { children: header }), content &&
+                    (0, jsx_runtime_1.jsx)(Content_1.default, { children: content }), footer &&
+                    (0, jsx_runtime_1.jsx)(Footer_1.default, { children: footer }), children] }));
+    }
+    else {
+        return null;
+    }
+}

package/dist/ui/page/NotFound.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface NotFoundProps {
+    header?: React.ReactNode;
+    code?: number;
+    content?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export default function NotFound({ header, code, content, action }: NotFoundProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/page/NotFound.js

@@ -0,0 +1,23 @@
+"use strict";
+'use client';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = NotFound;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = __importDefault(require("../button/Button"));
+var pi_1 = require("react-icons/pi");
+var Text_1 = __importDefault(require("../text/Text"));
+function NotFound(_a) {
+    var header = _a.header, code = _a.code, content = _a.content, action = _a.action;
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "central", style: { minHeight: "100vh", width: "100%", padding: "4rem 0px" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center width-600-max", children: [code ?
+                            code :
+                            (0, jsx_runtime_1.jsx)("div", { className: "h2 text-warning round-edge", children: "404" }), (0, jsx_runtime_1.jsx)("div", { style: { margin: "1.4rem 0px" }, children: header ? header
+                                :
+                                    (0, jsx_runtime_1.jsx)("div", { className: "text-big text-bold text-dark300", style: { display: "block", transition: "all 0.2s linear 0s" }, children: "Page Not Found" }) }), content ? content :
+                            (0, jsx_runtime_1.jsx)("div", { className: "article", children: (0, jsx_runtime_1.jsx)(Text_1.default, { article: true, text: "Sorry, we couldn't find the page you're looking for.", color: "dark300", block: true }) }), (0, jsx_runtime_1.jsx)("div", { style: { margin: "2rem 0px" }, children: action ? action :
+                                (0, jsx_runtime_1.jsx)("div", { className: "row-flex gap", style: { justifyContent: "center", gap: "0.4rem" }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { raised: true, rounded: true, startIcon: (0, jsx_runtime_1.jsx)(pi_1.PiArrowLeft, {}), bg: 'primary', onClick: function () {
+                                            window.history.back();
+                                        }, children: "Go Back" }) }) })] }) }) }) }));
+}

package/dist/ui/page/UnAuthorized.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface UnAuthorizedProps {
+    header?: React.ReactNode;
+    code?: number;
+    content?: React.ReactNode;
+    action?: React.ReactNode;
+}
+export default function UnAuthorized({ header, code, content, action }: UnAuthorizedProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/page/UnAuthorized.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = UnAuthorized;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Button_1 = __importDefault(require("../button/Button"));
+var pi_1 = require("react-icons/pi");
+function UnAuthorized(_a) {
+    var header = _a.header, code = _a.code, content = _a.content, action = _a.action;
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "central", style: { minHeight: "100vh", width: "100%", padding: "4rem 0px" }, children: (0, jsx_runtime_1.jsxs)("div", { className: "text-center width-600-max", children: [code ?
+                            code :
+                            (0, jsx_runtime_1.jsx)("div", { className: "h2 text-warning round-edge", children: "401" }), (0, jsx_runtime_1.jsx)("div", { style: { margin: "1.4rem 0px" }, children: header ? header
+                                :
+                                    (0, jsx_runtime_1.jsx)("div", { className: "text-bigger text-bold text-dark300", style: { display: "block", transition: "all 0.2s linear 0s" }, children: "Unauthorized Access" }) }), content ? content :
+                            (0, jsx_runtime_1.jsx)("div", { className: "article", children: "Sorry! You do not have access to this resource." }), (0, jsx_runtime_1.jsx)("div", { style: { margin: "2rem 0px" }, children: action ? action :
+                                (0, jsx_runtime_1.jsx)("div", { className: "row-flex gap", style: { justifyContent: "center", gap: "0.4rem" }, children: (0, jsx_runtime_1.jsx)(Button_1.default, { raised: true, rounded: true, startIcon: (0, jsx_runtime_1.jsx)(pi_1.PiArrowLeft, {}), bg: 'primary', onClick: function () {
+                                            window.history.back();
+                                        }, children: "Go Back" }) }) })] }) }) }) }));
+}

package/dist/ui/progress/Bar.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface ProgressBarProps {
+    funcss?: string;
+    progress: number;
+    height?: number;
+    children?: React.ReactNode;
+    content?: ((progress: number) => React.ReactNode) | React.ReactNode;
+    bg?: string;
+    raised?: boolean;
+    rounded?: boolean;
+    type?: 'linear' | 'circle';
+    size?: number;
+    strokeWidth?: number;
+}
+export default function ProgressBar({ funcss, progress, height, children, content, raised, rounded, bg, // default CSS class name
+type, size, strokeWidth, }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/progress/Bar.js

@@ -0,0 +1,87 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ProgressBar;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var pi_1 = require("react-icons/pi");
+function ProgressBar(_a) {
+    var funcss = _a.funcss, progress = _a.progress, _b = _a.height, height = _b === void 0 ? 16 : _b, children = _a.children, content = _a.content, raised = _a.raised, rounded = _a.rounded, _c = _a.bg, bg = _c === void 0 ? 'primary' : _c, // default CSS class name
+    _d = _a.type, // default CSS class name
+    type = _d === void 0 ? 'linear' : _d, _e = _a.size, size = _e === void 0 ? 60 : _e, _f = _a.strokeWidth, strokeWidth = _f === void 0 ? 6 : _f;
+    var clampedProgress = Math.min(100, Math.max(0, progress));
+    var isComplete = clampedProgress >= 100;
+    var effectiveBg = isComplete ? 'success' : bg;
+    var renderContent = function () {
+        if (React.isValidElement(content))
+            return content;
+        if (typeof content === 'function')
+            return content(clampedProgress);
+        if (typeof content === 'string')
+            return content;
+        return "".concat(clampedProgress, "%");
+    };
+    if (type === 'circle') {
+        var radius = (size - strokeWidth) / 2;
+        var circumference = 2 * Math.PI * radius;
+        var offset = circumference - (clampedProgress / 100) * circumference;
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "relative flex justify-center items-center ".concat(funcss), style: { width: size, height: size }, children: [(0, jsx_runtime_1.jsxs)("svg", { width: size, height: size, className: "rotate-[-90deg]", children: [(0, jsx_runtime_1.jsx)("circle", { cx: size / 2, cy: size / 2, r: radius, strokeWidth: strokeWidth, fill: "none", stroke: "#e5e7eb" // light gray background stroke
+                         }), (0, jsx_runtime_1.jsx)("circle", { cx: size / 2, cy: size / 2, r: radius, strokeWidth: strokeWidth, fill: "none", className: effectiveBg, strokeDasharray: circumference, strokeDashoffset: offset, strokeLinecap: "round", style: { transition: 'stroke-dashoffset 0.4s ease, stroke 0.3s ease' } })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute text-center font-bold text-sm", style: {
+                        top: '50%',
+                        left: '50%',
+                        transform: 'translate(-50%, -50%)',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        width: size,
+                        height: size,
+                    }, children: isComplete ? (0, jsx_runtime_1.jsx)(pi_1.PiCheck, { className: "text-success800", size: size / 2.2 }) : renderContent() })] }));
+    }
+    // Linear bar
+    return ((0, jsx_runtime_1.jsx)("div", { className: "progressBar ".concat(raised ? 'raised' : '', " ").concat(rounded ? 'rounded' : '', " ").concat(funcss || ''), children: (0, jsx_runtime_1.jsxs)("div", { className: "progressInner ".concat(rounded ? 'rounded' : '', " ").concat(effectiveBg), style: {
+                width: "".concat(clampedProgress, "%"),
+                height: "".concat(height, "px"),
+                padding: '0 1rem',
+                transition: 'width 0.3s ease, background-color 0.3s ease',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'flex-end',
+                fontWeight: 'bold',
+                color: '#fff',
+                overflow: 'hidden',
+                whiteSpace: 'nowrap',
+            }, children: [isComplete ? (0, jsx_runtime_1.jsx)(pi_1.PiCheck, {}) : renderContent(), " ", children] }) }));
+}

package/dist/ui/sidebar/SideBar.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface FunLoaderProps {
+    funcss?: string;
+    position?: "left" | "right";
+    glassy?: boolean;
+    open?: boolean;
+    header?: ReactNode;
+    content?: ReactNode;
+    close?: ReactNode;
+    footer?: ReactNode;
+    fixed?: boolean;
+}
+export default function SideBar({ funcss, position, glassy, header, open, content, close, footer, fixed, ...rest }: FunLoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/sidebar/SideBar.js

@@ -0,0 +1,42 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SideBar;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var RowFlex_1 = __importDefault(require("../specials/RowFlex"));
+function SideBar(_a) {
+    var funcss = _a.funcss, position = _a.position, glassy = _a.glassy, header = _a.header, open = _a.open, content = _a.content, close = _a.close, footer = _a.footer, fixed = _a.fixed, rest = __rest(_a, ["funcss", "position", "glassy", "header", "open", "content", "close", "footer", "fixed"]);
+    if (open) {
+        return ((0, jsx_runtime_1.jsx)("aside", __assign({ className: "fun_side_bar_wrapper ".concat(fixed ? "fixed_sidebar" : "", " ").concat(glassy ? "glassy" : "") }, rest, { children: (0, jsx_runtime_1.jsxs)("div", { className: "\n            fun_sidebar_content ".concat(funcss || "", " ").concat(position || "", " \n            "), children: [(0, jsx_runtime_1.jsxs)(RowFlex_1.default, { justify: 'space-between', children: [header &&
+                                (0, jsx_runtime_1.jsxs)("div", { className: "col fit", children: [" ", header, " "] }), close && (0, jsx_runtime_1.jsxs)("div", { className: "close_sidebar", children: [close, " "] })] }), content &&
+                        (0, jsx_runtime_1.jsx)("div", { children: content }), footer &&
+                        (0, jsx_runtime_1.jsx)("div", { children: footer })] }) })));
+    }
+    else {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+}

package/dist/ui/sidebar/SideContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface NotFoundProps {
+    content?: React.ReactNode;
+}
+export default function SideContent({ content, }: NotFoundProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/sidebar/SideContent.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = SideContent;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function SideContent(_a) {
+    var content = _a.content;
+    return ((0, jsx_runtime_1.jsx)("main", { className: "fun_main_content", children: content && (0, jsx_runtime_1.jsx)("div", { children: content }) }));
+}

package/dist/ui/snackbar/SnackBar.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface SnackbarProps {
+    message: string;
+    close?: React.ReactNode;
+    open: boolean;
+    setOpen: (val: boolean) => void;
+    position: string;
+    funcss?: string;
+    animation?: string;
+    duration?: number;
+    autoHide?: boolean;
+    autoHideDuration?: number;
+    flat?: boolean;
+}
+declare const SnackBar: React.FC<SnackbarProps>;
+export default SnackBar;

package/dist/ui/snackbar/SnackBar.js

@@ -0,0 +1,53 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SnackBar = function (_a) {
+    var message = _a.message, close = _a.close, open = _a.open, setOpen = _a.setOpen, position = _a.position, funcss = _a.funcss, animation = _a.animation, _b = _a.duration, duration = _b === void 0 ? 0.3 : _b, _c = _a.autoHide, autoHide = _c === void 0 ? false : _c, _d = _a.autoHideDuration, autoHideDuration = _d === void 0 ? 3000 : _d, flat = _a.flat;
+    React.useEffect(function () {
+        if (open && autoHide) {
+            var timer_1 = setTimeout(function () {
+                setOpen(false);
+            }, autoHideDuration);
+            return function () { return clearTimeout(timer_1); };
+        }
+    }, [open, autoHide, autoHideDuration, setOpen]);
+    if (!open)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "snackbar ".concat(position, " ").concat(funcss || '', " ").concat(flat ? 'flat' : ''), style: { animation: "".concat(duration, "s ").concat(animation || 'SlideUp') }, children: (0, jsx_runtime_1.jsxs)("div", { className: "snackbar-content", children: [(0, jsx_runtime_1.jsx)("div", { className: "snackbar-body", children: message }), close && ((0, jsx_runtime_1.jsx)("div", { className: "close-snackbar pointer", onClick: function () { return setOpen ? setOpen(false) : null; }, children: close }))] }) }));
+};
+exports.default = SnackBar;

package/dist/ui/specials/Circle.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode, HTMLProps } from 'react';
+import * as React from 'react';
+interface Circle_Props extends HTMLProps<HTMLDivElement> {
+    size?: number;
+    funcss?: string;
+    bg?: string;
+    color?: string;
+    children?: ReactNode;
+    hoverable?: boolean;
+    raised?: boolean;
+    key?: React.Key;
+    onClick?: () => void;
+}
+export default function Circle({ size, funcss, bg, color, children, hoverable, raised, key, onClick, ...rest }: Circle_Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/specials/Circle.js

@@ -0,0 +1,34 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Circle;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Circle(_a) {
+    var _b = _a.size, size = _b === void 0 ? 2 : _b, funcss = _a.funcss, bg = _a.bg, color = _a.color, children = _a.children, hoverable = _a.hoverable, raised = _a.raised, key = _a.key, onClick = _a.onClick, rest = __rest(_a, ["size", "funcss", "bg", "color", "children", "hoverable", "raised", "key", "onClick"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "pointer avatar ".concat(funcss || '', " ").concat("text-" + (color === null || color === void 0 ? void 0 : color.trim()) || '', " ").concat(raised ? "raised" : '', " ").concat(bg || '', " ").concat(hoverable ? 'hoverable' : ''), style: {
+            width: "".concat(size + "rem" || '2.3rem'),
+            height: "".concat(size + "rem" || '2.3rem'),
+        }, onClick: onClick }, rest, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }), key));
+}

package/dist/ui/specials/FullCenteredPage.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type HrProps = {
+    children: React.ReactNode;
+    funcss?: string;
+    style?: object;
+};
+declare const FullCenteredPage: ({ children, funcss, style, ...rest }: HrProps) => import("react/jsx-runtime").JSX.Element;
+export default FullCenteredPage;

package/dist/ui/specials/FullCenteredPage.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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var FullCenteredPage = function (_a) {
+    var children = _a.children, funcss = _a.funcss, style = _a.style, rest = __rest(_a, ["children", "funcss", "style"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "flex central ".concat(funcss), style: __assign({ minHeight: "100vh", minWidth: "100%", maxWidth: "100%", overflow: "auto" }, style) }, rest, { children: children })));
+};
+exports.default = FullCenteredPage;

package/dist/ui/specials/Hr.d.ts

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

package/dist/ui/specials/Hr.js

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

package/dist/ui/specials/RowFlex.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+interface RowFlexProps {
+    funcss?: string;
+    content?: React.ReactNode;
+    justify?: string;
+    gap?: number;
+    alignItems?: string;
+    responsiveSmall?: boolean;
+    responsiveMedium?: boolean;
+    id?: string;
+    children?: React.ReactNode;
+}
+export default function RowFlex({ funcss, content, justify, gap, alignItems, responsiveSmall, responsiveMedium, id, children, ...rest }: RowFlexProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/specials/RowFlex.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 = RowFlex;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function RowFlex(_a) {
+    var funcss = _a.funcss, content = _a.content, justify = _a.justify, gap = _a.gap, alignItems = _a.alignItems, responsiveSmall = _a.responsiveSmall, responsiveMedium = _a.responsiveMedium, id = _a.id, children = _a.children, rest = __rest(_a, ["funcss", "content", "justify", "gap", "alignItems", "responsiveSmall", "responsiveMedium", "id", "children"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ id: id ? id : '', className: "\n        row-flex ".concat(funcss ? funcss : '', "\n        ").concat(responsiveSmall ? 'responsiveSmall' : responsiveMedium ? 'responsiveMedium' : '', "\n      "), style: {
+            justifyContent: justify ? justify : '',
+            gap: gap ? gap + "rem" : '',
+            alignItems: alignItems ? alignItems : '',
+        } }, rest, { children: [children, " ", content] })));
+}

package/dist/ui/specials/Section.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type SectionProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+    gap?: number;
+};
+declare const Section: ({ children, funcss, gap, ...rest }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export default Section;

package/dist/ui/specials/Section.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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Section = function (_a) {
+    var children = _a.children, funcss = _a.funcss, gap = _a.gap, rest = __rest(_a, ["children", "funcss", "gap"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(funcss), style: { marginTop: gap ? gap + "rem" : "0.5rem", marginBottom: gap ? gap + "rem" : "0.5rem" } }, rest, { children: children })));
+};
+exports.default = Section;

package/dist/ui/step/Container.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+interface StepContainerProps {
+    children?: ReactNode;
+    funcss?: string;
+    responsiveMedium?: boolean;
+    responsiveSmall?: boolean;
+}
+declare const StepContainer: React.FC<StepContainerProps>;
+export default StepContainer;

package/dist/ui/step/Container.js

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

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

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+interface StepTitleProps {
+    children?: ReactNode;
+    funcss?: string;
+}
+declare const StepTitle: React.FC<StepTitleProps>;
+export default StepTitle;

package/dist/ui/step/Header.js

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

package/dist/ui/step/Line.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+interface StepLinedProps {
+    children?: ReactNode;
+    funcss?: string;
+}
+declare const StepLine: React.FC<StepLinedProps>;
+export default StepLine;