funuicss 2.5.8 → 2.5.9

package/dist/ui/button/Button.js

@@ -0,0 +1,66 @@
+"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 = Button;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var pi_1 = require("react-icons/pi");
+function Button(_a) {
+    var color = _a.color, bg = _a.bg, funcss = _a.funcss, startIcon = _a.startIcon, endIcon = _a.endIcon, text = _a.text, rounded = _a.rounded, raised = _a.raised, height = _a.height, width = _a.width, float = _a.float, hoverUp = _a.hoverUp, fullWidth = _a.fullWidth, outlined = _a.outlined, small = _a.small, hoverless = _a.hoverless, smaller = _a.smaller, big = _a.big, bigger = _a.bigger, jumbo = _a.jumbo, flat = _a.flat, hoverNone = _a.hoverNone, fillAnimation = _a.fillAnimation, fillDirection = _a.fillDirection, fillTextColor = _a.fillTextColor, outlineSize = _a.outlineSize, isLoading = _a.isLoading, status = _a.status, children = _a.children, bold = _a.bold, style = _a.style, onClick = _a.onClick, rest = __rest(_a, ["color", "bg", "funcss", "startIcon", "endIcon", "text", "rounded", "raised", "height", "width", "float", "hoverUp", "fullWidth", "outlined", "small", "hoverless", "smaller", "big", "bigger", "jumbo", "flat", "hoverNone", "fillAnimation", "fillDirection", "fillTextColor", "outlineSize", "isLoading", "status", "children", "bold", "style", "onClick"]);
+    function removeNumbers(text) {
+        return text.replace(/[0-9]/g, '');
+    }
+    function hasNumberAbove(text) {
+        var matches = text.match(/\d+/g); // find all numbers in the string
+        if (!matches)
+            return false;
+        return matches.some(function (num) { return parseInt(num) >= 400; });
+    }
+    function hasNumber(text) {
+        return /\d/.test(text);
+    }
+    var classNames = [
+        'button',
+        "text-".concat(color ? color : !hasNumber(bg) && !outlined ? "white" : hasNumberAbove(bg) && !outlined ? "white" : removeNumbers(bg)),
+        funcss || '',
+        rounded ? 'roundBtn' : '',
+        hoverless ? 'hoverless' : '',
+        bold ? 'text-bold' : '',
+        float ? 'floatBtn' : '',
+        raised ? 'raisedBtn' : '',
+        hoverUp ? 'hover-up' : '',
+        flat ? 'flat' : '',
+        hoverNone ? 'hoverNone' : '',
+        small ? 'smallBtn' :
+            smaller ? 'smallerBtn' : '',
+        big ? 'bigBtn' : '',
+        bigger ? 'biggerBtn' : '',
+        jumbo ? 'jumboBtn' : '',
+        outlined ? "outlined outline-".concat(bg || '', " text-").concat(color ? color : removeNumbers(bg)) : bg || '',
+        "".concat(fillAnimation ? "".concat(fillTextColor ? "hover-text-".concat(fillTextColor) : '', " button-fill fill-").concat(fillDirection ? fillDirection : 'left') : '')
+    ].join(' ');
+    return ((0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsxs)("button", __assign({ className: "".concat(classNames, " ").concat(startIcon || endIcon || status || isLoading ? 'iconic' : ''), style: __assign({ height: height || '', width: fullWidth ? '100%' : width || '', borderRadius: flat ? '0rem' : '' }, style), onClick: onClick }, rest, { children: [isLoading &&
+                    (0, jsx_runtime_1.jsx)("span", { className: 'rotate btn_left_icon', style: { lineHeight: "0" }, children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinner, {}) }), status &&
+                    (0, jsx_runtime_1.jsxs)("span", { className: ' btn_left_icon', style: { lineHeight: "0" }, children: [status === "success" && (0, jsx_runtime_1.jsx)(pi_1.PiCheck, {}), status === "info" && (0, jsx_runtime_1.jsx)(pi_1.PiInfo, {}), status === "warning" && (0, jsx_runtime_1.jsx)(pi_1.PiWarning, {}), status === "danger" && (0, jsx_runtime_1.jsx)(pi_1.PiX, {})] }), fillAnimation ? (0, jsx_runtime_1.jsx)("span", { className: "button_fill_span ".concat(bg) }) : '', startIcon && (0, jsx_runtime_1.jsx)("span", { className: "btn_left_icon", style: { lineHeight: "0" }, children: startIcon }), text ? text : children, endIcon && (0, jsx_runtime_1.jsx)("span", { className: "btn_right_icon", style: { lineHeight: "0" }, children: endIcon })] })) }));
+}

package/dist/ui/card/Card.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from 'react';
+interface CardProps {
+    color?: string;
+    bg?: string;
+    width?: string;
+    height?: string;
+    minHeight?: string;
+    minWidth?: string;
+    margin?: string;
+    padding?: string;
+    funcss?: string;
+    children?: ReactNode;
+    roundEdge?: boolean;
+    maxHeight?: string;
+    maxWidth?: string;
+    horizontal?: boolean;
+    flat?: boolean;
+    id?: string;
+    header?: ReactNode;
+    body?: ReactNode;
+    footer?: ReactNode;
+    image?: ReactNode;
+    noGap?: boolean;
+    shadowless?: boolean;
+    fab?: ReactNode;
+    responsiveSmall?: boolean;
+    responsiveMedium?: boolean;
+    xl?: boolean;
+    style?: React.CSSProperties;
+}
+export default function Card({ color, bg, width, height, minHeight, minWidth, margin, padding, funcss, children, roundEdge, maxHeight, maxWidth, horizontal, id, header, body, footer, noGap, fab, image, shadowless, flat, responsiveMedium, xl, responsiveSmall, style, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/card/Card.js

@@ -0,0 +1,39 @@
+"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 = Card;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CardHeader_1 = __importDefault(require("./CardHeader"));
+var CardBody_1 = __importDefault(require("./CardBody"));
+var CardFooter_1 = __importDefault(require("./CardFooter"));
+function Card(_a) {
+    var color = _a.color, bg = _a.bg, width = _a.width, height = _a.height, minHeight = _a.minHeight, minWidth = _a.minWidth, margin = _a.margin, padding = _a.padding, funcss = _a.funcss, children = _a.children, roundEdge = _a.roundEdge, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, horizontal = _a.horizontal, id = _a.id, header = _a.header, body = _a.body, footer = _a.footer, noGap = _a.noGap, fab = _a.fab, image = _a.image, shadowless = _a.shadowless, flat = _a.flat, responsiveMedium = _a.responsiveMedium, xl = _a.xl, responsiveSmall = _a.responsiveSmall, style = _a.style, rest = __rest(_a, ["color", "bg", "width", "height", "minHeight", "minWidth", "margin", "padding", "funcss", "children", "roundEdge", "maxHeight", "maxWidth", "horizontal", "id", "header", "body", "footer", "noGap", "fab", "image", "shadowless", "flat", "responsiveMedium", "xl", "responsiveSmall", "style"]);
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ id: id || '', className: "\n      card \n      card_flex\n      ".concat(noGap ? 'no-gap' : '', " \n      ").concat(xl ? 'xl' : '', " \n      text-").concat(color || '', " \n      ").concat(bg || '', " \n      ").concat(funcss || '', " \n      ").concat(roundEdge ? 'round-edge' : '', " \n      ").concat(shadowless ? 'shadowless' : '', " \n      ").concat(flat ? 'flat' : '', " \n      ").concat(horizontal ? 'horizontalCard' : '', "\n      ").concat(responsiveMedium ? 'responsiveMedium' : '', "\n      ").concat(responsiveSmall ? 'responsiveSmall' : '', "\n      \n      "), style: __assign({ width: "".concat(width || ''), height: "".concat(height || ''), minHeight: "".concat(minHeight || ''), minWidth: "".concat(minWidth || ''), maxHeight: maxHeight || '', maxWidth: maxWidth || '', margin: "".concat(margin || ''), padding: "".concat(padding || '') }, style) }, rest, { children: [image ? (0, jsx_runtime_1.jsxs)("div", { className: "".concat(fab ? 'relative' : ''), children: [image, " ", fab ? fab : ''] }) : '', header && !horizontal ? (0, jsx_runtime_1.jsx)(CardHeader_1.default, { children: header }) : '', body ?
+                (0, jsx_runtime_1.jsxs)("div", { children: [horizontal ? (0, jsx_runtime_1.jsx)(CardHeader_1.default, { children: header }) : '', (0, jsx_runtime_1.jsxs)(CardBody_1.default, { children: ["  ", body, " "] }), horizontal ? (0, jsx_runtime_1.jsx)(CardFooter_1.default, { children: footer }) : ''] })
+                : '', footer && !horizontal ? (0, jsx_runtime_1.jsx)(CardFooter_1.default, { children: footer }) : '', children] })));
+}

package/dist/ui/card/CardBody.d.ts

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

package/dist/ui/card/CardBody.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 = CardBody;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function CardBody(_a) {
+    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-body ".concat(funcss || '') }, rest, { children: children })));
+}

package/dist/ui/card/CardFab.d.ts

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

package/dist/ui/card/CardFab.js

@@ -0,0 +1,31 @@
+"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 = CardFab;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function CardFab(_a) {
+    var funcss = _a.funcss, position = _a.position, children = _a.children, rest = __rest(_a, ["funcss", "position", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-fab ".concat(funcss || '', " ").concat(position || '') }, rest, { children: children })));
+}

package/dist/ui/card/CardFooter.d.ts

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

package/dist/ui/card/CardFooter.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 = CardFooter;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function CardFooter(_a) {
+    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-footer ".concat(funcss || '') }, rest, { children: children })));
+}

package/dist/ui/card/CardHeader.d.ts

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

package/dist/ui/card/CardHeader.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 = CardHeader;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function CardHeader(_a) {
+    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-header ".concat(funcss || '') }, rest, { children: children })));
+}

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

@@ -0,0 +1,11 @@
+import { ReactNode, CSSProperties, HTMLProps } from 'react';
+import * as React from 'react';
+interface ContainerProps extends HTMLProps<HTMLDivElement> {
+    children?: ReactNode;
+    funcss?: string;
+    margin?: string;
+    padding?: string;
+    customStyle?: CSSProperties;
+}
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/dist/ui/container/Container.js

@@ -0,0 +1,31 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Container = function (_a) {
+    var children = _a.children, funcss = _a.funcss, margin = _a.margin, padding = _a.padding, customStyle = _a.customStyle, id = _a.id, rest = __rest(_a, ["children", "funcss", "margin", "padding", "customStyle", "id"]);
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id, className: "container ".concat(funcss), style: __assign({ margin: margin || "", padding: padding || "" }, customStyle) }, rest, { children: children })));
+};
+exports.default = Container;

package/dist/ui/div/Div.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type DivProps = {
+    children?: React.ReactNode;
+    funcss?: string;
+    content?: React.ReactNode;
+    minHeight?: string;
+    maxHeight?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    height?: string;
+    width?: string;
+    padding?: string;
+    margin?: string;
+    fit?: boolean;
+    customStyle?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const Div: ({ children, funcss, content, minHeight, maxHeight, maxWidth, minWidth, height, width, padding, margin, fit, customStyle, ...rest }: DivProps) => import("react/jsx-runtime").JSX.Element;
+export default Div;

package/dist/ui/div/Div.js

@@ -0,0 +1,31 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Div = function (_a) {
+    var children = _a.children, funcss = _a.funcss, content = _a.content, minHeight = _a.minHeight, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, minWidth = _a.minWidth, height = _a.height, width = _a.width, padding = _a.padding, margin = _a.margin, fit = _a.fit, customStyle = _a.customStyle, rest = __rest(_a, ["children", "funcss", "content", "minHeight", "maxHeight", "maxWidth", "minWidth", "height", "width", "padding", "margin", "fit", "customStyle"]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(fit ? 'width-100-p height-100-p' : '', " ").concat(funcss), style: __assign({ height: height || '', maxHeight: maxHeight || '', minHeight: minHeight || '', maxWidth: maxWidth || '', minWidth: minWidth || '', width: width || '', padding: padding || '', margin: margin || '' }, customStyle) }, rest, { children: content || children })) }));
+};
+exports.default = Div;

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

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

package/dist/ui/drop/Action.js

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

package/dist/ui/drop/Down.d.ts

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

package/dist/ui/drop/Down.js

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

package/dist/ui/drop/Dropdown.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type Position = 'left' | 'right';
+type Direction = 'dropdown' | 'dropup';
+interface DropdownItem {
+    label: React.ReactNode;
+    onClick?: () => void;
+}
+interface DropdownProps {
+    direction?: Direction;
+    position?: Position;
+    button: React.ReactNode;
+    items: DropdownItem[];
+    hoverable?: boolean;
+    openOnHover?: boolean;
+    className?: string;
+}
+declare const Dropdown: React.FC<DropdownProps>;
+export default Dropdown;

package/dist/ui/drop/Dropdown.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var Dropdown = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? 'dropdown' : _b, _c = _a.position, position = _c === void 0 ? 'left' : _c, button = _a.button, items = _a.items, _d = _a.hoverable, hoverable = _d === void 0 ? true : _d, _e = _a.openOnHover, openOnHover = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? '' : _f;
+    var containerRef = (0, react_1.useRef)(null);
+    var _g = (0, react_1.useState)(false), open = _g[0], setOpen = _g[1];
+    var containerClass = "".concat(direction, " ").concat(position, " ").concat(className).trim();
+    var menuClass = "drop-menu".concat(hoverable ? ' item-hoverable' : '');
+    (0, react_1.useEffect)(function () {
+        if (openOnHover)
+            return;
+        var handleClickOutside = function (event) {
+            if (containerRef.current && !containerRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
+    }, [openOnHover]);
+    var showMenu = openOnHover || open;
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: containerClass, onMouseEnter: function () { return openOnHover && setOpen(true); }, onMouseLeave: function () { return openOnHover && setOpen(false); }, children: [(0, jsx_runtime_1.jsx)("div", { className: "drop-button", onClick: function () { return !openOnHover && setOpen(!open); }, style: { cursor: !openOnHover ? 'pointer' : undefined }, children: button }), (0, jsx_runtime_1.jsx)("div", { className: menuClass, style: { display: showMenu ? 'block' : 'none' }, children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", { className: "drop-item", onClick: function () {
+                        var _a;
+                        (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
+                        if (!openOnHover)
+                            setOpen(false);
+                    }, children: item.label }, index)); }) })] }));
+};
+exports.default = Dropdown;

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

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

package/dist/ui/drop/Item.js

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

package/dist/ui/drop/Menu.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+type DropMenuProps = {
+    children: React.ReactNode;
+    funcss?: string;
+    hoverable?: string;
+    duration?: number;
+    animation?: string;
+    id?: string;
+    width?: string;
+};
+export default function DropMenu({ children, funcss, hoverable, duration, animation, id, width, }: DropMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/drop/Menu.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DropMenu;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function DropMenu(_a) {
+    var children = _a.children, funcss = _a.funcss, hoverable = _a.hoverable, duration = _a.duration, animation = _a.animation, id = _a.id, width = _a.width;
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { id: id, className: "drop-menu ".concat(funcss, " item-").concat(hoverable ? hoverable : ''), style: {
+                animation: " ".concat(duration ? duration : 0.2, "s ").concat(animation ? animation : 'ScaleUp'),
+                width: width ? width : '100%',
+            }, children: children }) }));
+}

package/dist/ui/drop/Up.d.ts

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

package/dist/ui/drop/Up.js

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

package/dist/ui/grid/Col.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, HTMLProps } from 'react';
+interface ColProps extends HTMLProps<HTMLDivElement> {
+    sm?: number;
+    md?: number;
+    lg?: number;
+    children?: ReactNode;
+    funcss?: string;
+    id?: string;
+    smOrder?: number;
+    mdOrder?: number;
+    lgOrder?: number;
+}
+export default function Col({ sm, md, lg, children, funcss, id, smOrder, mdOrder, lgOrder, ...rest }: ColProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/grid/Col.js

@@ -0,0 +1,40 @@
+"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 = Col;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function Col(_a) {
+    var sm = _a.sm, md = _a.md, lg = _a.lg, children = _a.children, funcss = _a.funcss, id = _a.id, smOrder = _a.smOrder, mdOrder = _a.mdOrder, lgOrder = _a.lgOrder, rest = __rest(_a, ["sm", "md", "lg", "children", "funcss", "id", "smOrder", "mdOrder", "lgOrder"]);
+    var classNames = [
+        'col',
+        sm ? "sm-".concat(sm) : '',
+        md ? "md-".concat(md) : '',
+        lg ? "lg-".concat(lg) : '',
+        smOrder ? "sm-order-".concat(smOrder) : '',
+        mdOrder ? "md-order-".concat(mdOrder) : '',
+        lgOrder ? "lg-order-".concat(lgOrder) : '',
+        funcss || '',
+    ].join(' ');
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id || '', className: classNames }, rest, { children: children })));
+}

package/dist/ui/grid/Grid.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, CSSProperties, HTMLProps } from 'react';
+interface GridProps extends HTMLProps<HTMLDivElement> {
+    children?: ReactNode;
+    funcss?: string;
+    gap?: number;
+    justify?: CSSProperties['justifyContent'];
+    align?: CSSProperties['alignItems'];
+    id?: string;
+    direction?: CSSProperties['flexDirection'];
+}
+export default function Grid({ children, funcss, justify, align, id, direction, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;
+export {};