funuicss 2.5.9 → 2.5.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/fun.css +3 -2
- package/package.json +1 -2
- package/tsconfig.json +1 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/ui/alert/Alert.d.ts +1 -1
- package/ui/alert/Alert.js +1 -1
- package/ui/appbar/AppBar.js +2 -2
- package/ui/appbar/AppBar.tsx +1 -1
- package/ui/appbar/Hamburger.js +1 -1
- package/ui/avatar/Avatar.js +1 -1
- package/ui/breadcrumb/BreadCrumb.js +1 -1
- package/ui/button/Button.js +1 -1
- package/ui/card/Card.js +1 -1
- package/ui/card/CardFab.js +1 -1
- package/ui/container/Container.js +1 -1
- package/ui/div/Div.js +1 -1
- package/ui/drop/Dropdown.js +1 -1
- package/ui/input/Input.js +1 -1
- package/ui/modal/Modal.d.ts +1 -1
- package/ui/modal/Modal.js +1 -1
- package/ui/notification/Notification.d.ts +1 -1
- package/ui/notification/Notification.js +1 -1
- package/ui/page/NotFound.js +1 -1
- package/ui/progress/Bar.js +1 -1
- package/ui/snackbar/SnackBar.js +1 -1
- package/ui/specials/Circle.js +1 -1
- package/ui/step/Line.js +1 -1
- package/ui/step/Step.js +1 -1
- package/ui/table/Table.js +1 -1
- package/ui/theme/theme.js +1 -1
- package/ui/video/FunPlayer.js +1 -0
- package/dist/assets/colors/colors.d.ts +0 -347
- package/dist/assets/colors/colors.js +0 -348
- package/dist/index.d.ts +0 -37
- package/dist/index.js +0 -80
- package/dist/js/Fun.d.ts +0 -38
- package/dist/js/Fun.js +0 -235
- package/dist/js/Theme.d.ts +0 -2
- package/dist/js/Theme.js +0 -42
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/ui/alert/Alert.d.ts +0 -24
- package/dist/ui/alert/Alert.js +0 -48
- package/dist/ui/aos/AOS.d.ts +0 -9
- package/dist/ui/aos/AOS.js +0 -30
- package/dist/ui/appbar/AppBar.d.ts +0 -17
- package/dist/ui/appbar/AppBar.js +0 -43
- package/dist/ui/appbar/Hamburger.d.ts +0 -7
- package/dist/ui/appbar/Hamburger.js +0 -20
- package/dist/ui/avatar/Avatar.d.ts +0 -10
- package/dist/ui/avatar/Avatar.js +0 -12
- package/dist/ui/blob/Blob.d.ts +0 -10
- package/dist/ui/blob/Blob.js +0 -16
- package/dist/ui/breadcrumb/BreadCrumb.d.ts +0 -7
- package/dist/ui/breadcrumb/BreadCrumb.js +0 -10
- package/dist/ui/button/Button.d.ts +0 -39
- package/dist/ui/button/Button.js +0 -66
- package/dist/ui/card/Card.d.ts +0 -32
- package/dist/ui/card/Card.js +0 -39
- package/dist/ui/card/CardBody.d.ts +0 -7
- package/dist/ui/card/CardBody.js +0 -30
- package/dist/ui/card/CardFab.d.ts +0 -8
- package/dist/ui/card/CardFab.js +0 -31
- package/dist/ui/card/CardFooter.d.ts +0 -7
- package/dist/ui/card/CardFooter.js +0 -30
- package/dist/ui/card/CardHeader.d.ts +0 -7
- package/dist/ui/card/CardHeader.js +0 -30
- package/dist/ui/container/Container.d.ts +0 -11
- package/dist/ui/container/Container.js +0 -31
- package/dist/ui/div/Div.d.ts +0 -19
- package/dist/ui/div/Div.js +0 -31
- package/dist/ui/drop/Action.d.ts +0 -7
- package/dist/ui/drop/Action.js +0 -8
- package/dist/ui/drop/Down.d.ts +0 -9
- package/dist/ui/drop/Down.js +0 -8
- package/dist/ui/drop/Dropdown.d.ts +0 -18
- package/dist/ui/drop/Dropdown.js +0 -31
- package/dist/ui/drop/Item.d.ts +0 -8
- package/dist/ui/drop/Item.js +0 -8
- package/dist/ui/drop/Menu.d.ts +0 -12
- package/dist/ui/drop/Menu.js +0 -11
- package/dist/ui/drop/Up.d.ts +0 -9
- package/dist/ui/drop/Up.js +0 -8
- package/dist/ui/grid/Col.d.ts +0 -14
- package/dist/ui/grid/Col.js +0 -40
- package/dist/ui/grid/Grid.d.ts +0 -12
- package/dist/ui/grid/Grid.js +0 -34
- package/dist/ui/input/Iconic.d.ts +0 -11
- package/dist/ui/input/Iconic.js +0 -15
- package/dist/ui/input/Input.d.ts +0 -35
- package/dist/ui/input/Input.js +0 -110
- package/dist/ui/list/Item.d.ts +0 -7
- package/dist/ui/list/Item.js +0 -30
- package/dist/ui/list/List.d.ts +0 -14
- package/dist/ui/list/List.js +0 -30
- package/dist/ui/loader/Loader.d.ts +0 -10
- package/dist/ui/loader/Loader.js +0 -37
- package/dist/ui/modal/Action.d.ts +0 -7
- package/dist/ui/modal/Action.js +0 -30
- package/dist/ui/modal/Close.d.ts +0 -6
- package/dist/ui/modal/Close.js +0 -31
- package/dist/ui/modal/Content.d.ts +0 -7
- package/dist/ui/modal/Content.js +0 -8
- package/dist/ui/modal/Header.d.ts +0 -9
- package/dist/ui/modal/Header.js +0 -30
- package/dist/ui/modal/Modal.d.ts +0 -32
- package/dist/ui/modal/Modal.js +0 -61
- package/dist/ui/notification/Content.d.ts +0 -7
- package/dist/ui/notification/Content.js +0 -8
- package/dist/ui/notification/Footer.d.ts +0 -7
- package/dist/ui/notification/Footer.js +0 -8
- package/dist/ui/notification/Header.d.ts +0 -7
- package/dist/ui/notification/Header.js +0 -8
- package/dist/ui/notification/Notification.d.ts +0 -15
- package/dist/ui/notification/Notification.js +0 -23
- package/dist/ui/page/NotFound.d.ts +0 -9
- package/dist/ui/page/NotFound.js +0 -23
- package/dist/ui/page/UnAuthorized.d.ts +0 -9
- package/dist/ui/page/UnAuthorized.js +0 -21
- package/dist/ui/progress/Bar.d.ts +0 -17
- package/dist/ui/progress/Bar.js +0 -87
- package/dist/ui/sidebar/SideBar.d.ts +0 -14
- package/dist/ui/sidebar/SideBar.js +0 -42
- package/dist/ui/sidebar/SideContent.d.ts +0 -6
- package/dist/ui/sidebar/SideContent.js +0 -8
- package/dist/ui/snackbar/SnackBar.d.ts +0 -16
- package/dist/ui/snackbar/SnackBar.js +0 -53
- package/dist/ui/specials/Circle.d.ts +0 -15
- package/dist/ui/specials/Circle.js +0 -34
- package/dist/ui/specials/FullCenteredPage.d.ts +0 -8
- package/dist/ui/specials/FullCenteredPage.js +0 -30
- package/dist/ui/specials/Hr.d.ts +0 -7
- package/dist/ui/specials/Hr.js +0 -8
- package/dist/ui/specials/RowFlex.d.ts +0 -14
- package/dist/ui/specials/RowFlex.js +0 -34
- package/dist/ui/specials/Section.d.ts +0 -8
- package/dist/ui/specials/Section.js +0 -30
- package/dist/ui/step/Container.d.ts +0 -9
- package/dist/ui/step/Container.js +0 -8
- package/dist/ui/step/Header.d.ts +0 -7
- package/dist/ui/step/Header.js +0 -8
- package/dist/ui/step/Line.d.ts +0 -7
- package/dist/ui/step/Line.js +0 -9
- package/dist/ui/step/Step.d.ts +0 -7
- package/dist/ui/step/Step.js +0 -9
- package/dist/ui/table/Body.d.ts +0 -7
- package/dist/ui/table/Body.js +0 -8
- package/dist/ui/table/Data.d.ts +0 -8
- package/dist/ui/table/Data.js +0 -8
- package/dist/ui/table/Head.d.ts +0 -7
- package/dist/ui/table/Head.js +0 -8
- package/dist/ui/table/Row.d.ts +0 -9
- package/dist/ui/table/Row.js +0 -8
- package/dist/ui/table/Table.d.ts +0 -33
- package/dist/ui/table/Table.js +0 -133
- package/dist/ui/text/Text.d.ts +0 -44
- package/dist/ui/text/Text.js +0 -63
- package/dist/ui/theme/dark.d.ts +0 -5
- package/dist/ui/theme/dark.js +0 -34
- package/dist/ui/theme/theme.d.ts +0 -7
- package/dist/ui/theme/theme.js +0 -34
- package/dist/ui/tooltip/Tip.d.ts +0 -12
- package/dist/ui/tooltip/Tip.js +0 -31
- package/dist/ui/tooltip/ToolTip.d.ts +0 -7
- package/dist/ui/tooltip/ToolTip.js +0 -30
- package/dist/ui/video/FunPlayer.d.ts +0 -0
- package/dist/ui/video/FunPlayer.js +0 -203
- package/dist/webpack.config.d.ts +0 -23
- /package/{types/next-env.d.ts → next-env.d.ts} +0 -0
package/dist/ui/aos/AOS.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface ListItemProps {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
animation?: string;
|
|
6
|
-
anchorPlacement?: string;
|
|
7
|
-
}
|
|
8
|
-
export default function Animation({ children, funcss, animation, anchorPlacement, ...rest }: ListItemProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
package/dist/ui/aos/AOS.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.default = Animation;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function Animation(_a) {
|
|
28
|
-
var children = _a.children, funcss = _a.funcss, animation = _a.animation, anchorPlacement = _a.anchorPlacement, rest = __rest(_a, ["children", "funcss", "animation", "anchorPlacement"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ "data-aos-anchor-placement": anchorPlacement || "", className: "list ".concat(funcss ? funcss : '') }, rest, { "data-aos": animation ? animation : "fade-up", children: children })));
|
|
30
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface NavbarProps {
|
|
3
|
-
fixedTop?: boolean;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
padding?: string;
|
|
6
|
-
fixedBottom?: boolean;
|
|
7
|
-
justify?: string;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
left?: React.ReactNode;
|
|
10
|
-
center?: React.ReactNode;
|
|
11
|
-
right?: React.ReactNode;
|
|
12
|
-
sidebarTrigger?: React.ReactNode;
|
|
13
|
-
transparent?: boolean;
|
|
14
|
-
sideBar?: number;
|
|
15
|
-
}
|
|
16
|
-
export default function AppBar({ fixedTop, funcss, padding, fixedBottom, justify, left, center, right, sideBar, sidebarTrigger, transparent, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export {};
|
package/dist/ui/appbar/AppBar.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.default = AppBar;
|
|
8
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
9
|
-
var react_1 = require("react");
|
|
10
|
-
var navigation_1 = require("next/navigation"); // <-- Updated import
|
|
11
|
-
var Hamburger_1 = __importDefault(require("./Hamburger"));
|
|
12
|
-
function AppBar(_a) {
|
|
13
|
-
var fixedTop = _a.fixedTop, funcss = _a.funcss, padding = _a.padding, fixedBottom = _a.fixedBottom, justify = _a.justify, left = _a.left, center = _a.center, right = _a.right, sideBar = _a.sideBar, sidebarTrigger = _a.sidebarTrigger, transparent = _a.transparent;
|
|
14
|
-
var _b = (0, react_1.useState)(false), isMobileMenuOpen = _b[0], setIsMobileMenuOpen = _b[1];
|
|
15
|
-
var _c = (0, react_1.useState)(false), isMobileScreen = _c[0], setIsMobileScreen = _c[1];
|
|
16
|
-
var pathname = (0, navigation_1.usePathname)(); // <-- New hook to detect path changes
|
|
17
|
-
var toggleMenu = function () { return setIsMobileMenuOpen(function (prev) { return !prev; }); };
|
|
18
|
-
var closeMenu = function () { return setIsMobileMenuOpen(false); };
|
|
19
|
-
(0, react_1.useEffect)(function () {
|
|
20
|
-
var handleResize = function () {
|
|
21
|
-
var isMobile = window.innerWidth < 768;
|
|
22
|
-
setIsMobileScreen(isMobile);
|
|
23
|
-
if (!isMobile) {
|
|
24
|
-
closeMenu(); // close on larger screens
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
handleResize(); // initial check
|
|
28
|
-
window.addEventListener('resize', handleResize);
|
|
29
|
-
return function () { return window.removeEventListener('resize', handleResize); };
|
|
30
|
-
}, []);
|
|
31
|
-
// Automatically close menu on route (pathname) change
|
|
32
|
-
(0, react_1.useEffect)(function () {
|
|
33
|
-
closeMenu();
|
|
34
|
-
}, [pathname]);
|
|
35
|
-
var Trigger = function (_a) {
|
|
36
|
-
var isOpen = _a.isOpen;
|
|
37
|
-
return (0, jsx_runtime_1.jsx)(Hamburger_1.default, { isOpen: isOpen });
|
|
38
|
-
};
|
|
39
|
-
return ((0, jsx_runtime_1.jsxs)("nav", { className: "navigation-bar\n ".concat(isMobileMenuOpen ? 'navbar-mobile-open' : '', "\n ").concat(funcss || '', "\n ").concat(fixedTop ? 'fixed_top_navbar' : '', "\n ").concat(sideBar ? 'there_is_sidebar' : '', "\n ").concat(transparent ? 'transparent' : '', "\n ").concat(fixedBottom ? 'fixedBottom' : '', "\n "), style: {
|
|
40
|
-
padding: "".concat(padding || ''),
|
|
41
|
-
justifyContent: "".concat(justify || ''),
|
|
42
|
-
}, children: [(0, jsx_runtime_1.jsxs)("div", { className: "logoWrapper", children: [left, isMobileScreen && isMobileMenuOpen && ((0, jsx_runtime_1.jsx)("div", { className: "hover-text-error pointer _closeNav", onClick: closeMenu, children: (0, jsx_runtime_1.jsx)(Trigger, { isOpen: isMobileMenuOpen }) }))] }), (0, jsx_runtime_1.jsx)("div", { className: "linkWrapper", children: center }), (0, jsx_runtime_1.jsx)("div", { className: "linkWrapper", children: right }), isMobileScreen && !isMobileMenuOpen && ((0, jsx_runtime_1.jsx)("span", { className: "sidebar-trigger pointer hover-text-primary", onClick: toggleMenu, children: sidebarTrigger || (0, jsx_runtime_1.jsx)(Trigger, { isOpen: isMobileMenuOpen }) }))] }));
|
|
43
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
var Hamburger = function (_a) {
|
|
7
|
-
var controlledOpen = _a.isOpen, toggle = _a.toggle;
|
|
8
|
-
var _b = (0, react_1.useState)(false), internalOpen = _b[0], setInternalOpen = _b[1];
|
|
9
|
-
var isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;
|
|
10
|
-
var handleClick = function () {
|
|
11
|
-
if (toggle) {
|
|
12
|
-
toggle();
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
setInternalOpen(!isOpen);
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "navhamburger ".concat(isOpen ? 'navopen' : ''), onClick: handleClick, children: [(0, jsx_runtime_1.jsx)("span", { className: "navline navtop" }), (0, jsx_runtime_1.jsx)("span", { className: "navline navmiddle" }), (0, jsx_runtime_1.jsx)("span", { className: "navline navbottom" })] }));
|
|
19
|
-
};
|
|
20
|
-
exports.default = Hamburger;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface AvatarProps {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
size?: string;
|
|
6
|
-
bg?: string;
|
|
7
|
-
content?: ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export default function Avatar({ funcss, children, size, bg, content, }: AvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
package/dist/ui/avatar/Avatar.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.default = Avatar;
|
|
5
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
function Avatar(_a) {
|
|
7
|
-
var funcss = _a.funcss, children = _a.children, size = _a.size, bg = _a.bg, content = _a.content;
|
|
8
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "avatar ".concat(funcss || '', " ").concat(bg || ''), style: {
|
|
9
|
-
width: "".concat(size || '2.3rem'),
|
|
10
|
-
height: "".concat(size || '2.3rem'),
|
|
11
|
-
}, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content ? content : children }) }));
|
|
12
|
-
}
|
package/dist/ui/blob/Blob.d.ts
DELETED
package/dist/ui/blob/Blob.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var Blob = function (_a) {
|
|
5
|
-
var _b = _a.height, height = _b === void 0 ? '' : _b, _c = _a.width, width = _c === void 0 ? '' : _c, _d = _a.background, background = _d === void 0 ? '' : _d, _e = _a.funcss, funcss = _e === void 0 ? '' : _e, _f = _a.shape, shape = _f === void 0 ? '' : _f;
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "".concat(funcss), style: {
|
|
7
|
-
height: height,
|
|
8
|
-
width: width,
|
|
9
|
-
background: background ? "url(".concat(background, ")") : '',
|
|
10
|
-
backgroundSize: 'cover',
|
|
11
|
-
backgroundRepeat: 'no-repeat',
|
|
12
|
-
borderRadius: shape,
|
|
13
|
-
transition: '0.3s linear',
|
|
14
|
-
} }));
|
|
15
|
-
};
|
|
16
|
-
exports.default = Blob;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.default = BreadCrumb;
|
|
5
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
var pi_1 = require("react-icons/pi");
|
|
7
|
-
function BreadCrumb(_a) {
|
|
8
|
-
var type = _a.type, funcss = _a.funcss, color = _a.color;
|
|
9
|
-
return ((0, jsx_runtime_1.jsxs)("span", { children: [type === 'slash' && ((0, jsx_runtime_1.jsx)("span", { style: { lineHeight: "0" }, className: " ".concat(funcss ? funcss : '', " ").concat(color ? 'text-' + color : ''), children: ' / ' })), type === 'greater' && ((0, jsx_runtime_1.jsx)("span", { className: " ".concat(funcss ? funcss : '', " ").concat(color ? 'text-' + color : ''), children: (0, jsx_runtime_1.jsx)("span", { style: { lineHeight: "0" }, className: "".concat(color ? "text-".concat(color) : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretRight, {}) }) })), type === 'less' && ((0, jsx_runtime_1.jsxs)("span", { className: " ".concat(funcss ? funcss : '', " ").concat(color ? 'text-' + color : ''), children: [" ", (0, jsx_runtime_1.jsx)("span", { style: { lineHeight: "0" }, className: "".concat(color ? "text-".concat(color) : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiCaretLeft, {}) })] })), type === 'straight' && ((0, jsx_runtime_1.jsx)("span", { style: { lineHeight: "0" }, className: " ".concat(funcss ? funcss : '', " ").concat(color ? 'text-' + color : ''), children: ' | ' }))] }));
|
|
10
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface ButtonProps {
|
|
4
|
-
color?: string;
|
|
5
|
-
bg?: string;
|
|
6
|
-
funcss?: string;
|
|
7
|
-
startIcon?: ReactNode;
|
|
8
|
-
endIcon?: ReactNode;
|
|
9
|
-
text?: string;
|
|
10
|
-
rounded?: boolean;
|
|
11
|
-
raised?: boolean;
|
|
12
|
-
height?: string;
|
|
13
|
-
width?: string;
|
|
14
|
-
float?: boolean;
|
|
15
|
-
hoverUp?: boolean;
|
|
16
|
-
fullWidth?: boolean;
|
|
17
|
-
outlined?: boolean;
|
|
18
|
-
small?: boolean;
|
|
19
|
-
smaller?: boolean;
|
|
20
|
-
big?: boolean;
|
|
21
|
-
bigger?: boolean;
|
|
22
|
-
jumbo?: boolean;
|
|
23
|
-
flat?: boolean;
|
|
24
|
-
hoverNone?: boolean;
|
|
25
|
-
fillAnimation?: boolean;
|
|
26
|
-
bold?: boolean;
|
|
27
|
-
hoverless?: boolean;
|
|
28
|
-
fillDirection?: string;
|
|
29
|
-
fillTextColor?: string;
|
|
30
|
-
buttonFillStyle?: React.CSSProperties;
|
|
31
|
-
outlineSize?: number;
|
|
32
|
-
isLoading?: boolean;
|
|
33
|
-
status?: 'success' | 'warning' | 'info' | 'danger';
|
|
34
|
-
children?: React.ReactNode;
|
|
35
|
-
style?: React.CSSProperties;
|
|
36
|
-
onClick?: () => void;
|
|
37
|
-
}
|
|
38
|
-
export default function Button({ 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, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export {};
|
package/dist/ui/button/Button.js
DELETED
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.default = Button;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var pi_1 = require("react-icons/pi");
|
|
29
|
-
function Button(_a) {
|
|
30
|
-
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"]);
|
|
31
|
-
function removeNumbers(text) {
|
|
32
|
-
return text.replace(/[0-9]/g, '');
|
|
33
|
-
}
|
|
34
|
-
function hasNumberAbove(text) {
|
|
35
|
-
var matches = text.match(/\d+/g); // find all numbers in the string
|
|
36
|
-
if (!matches)
|
|
37
|
-
return false;
|
|
38
|
-
return matches.some(function (num) { return parseInt(num) >= 400; });
|
|
39
|
-
}
|
|
40
|
-
function hasNumber(text) {
|
|
41
|
-
return /\d/.test(text);
|
|
42
|
-
}
|
|
43
|
-
var classNames = [
|
|
44
|
-
'button',
|
|
45
|
-
"text-".concat(color ? color : !hasNumber(bg) && !outlined ? "white" : hasNumberAbove(bg) && !outlined ? "white" : removeNumbers(bg)),
|
|
46
|
-
funcss || '',
|
|
47
|
-
rounded ? 'roundBtn' : '',
|
|
48
|
-
hoverless ? 'hoverless' : '',
|
|
49
|
-
bold ? 'text-bold' : '',
|
|
50
|
-
float ? 'floatBtn' : '',
|
|
51
|
-
raised ? 'raisedBtn' : '',
|
|
52
|
-
hoverUp ? 'hover-up' : '',
|
|
53
|
-
flat ? 'flat' : '',
|
|
54
|
-
hoverNone ? 'hoverNone' : '',
|
|
55
|
-
small ? 'smallBtn' :
|
|
56
|
-
smaller ? 'smallerBtn' : '',
|
|
57
|
-
big ? 'bigBtn' : '',
|
|
58
|
-
bigger ? 'biggerBtn' : '',
|
|
59
|
-
jumbo ? 'jumboBtn' : '',
|
|
60
|
-
outlined ? "outlined outline-".concat(bg || '', " text-").concat(color ? color : removeNumbers(bg)) : bg || '',
|
|
61
|
-
"".concat(fillAnimation ? "".concat(fillTextColor ? "hover-text-".concat(fillTextColor) : '', " button-fill fill-").concat(fillDirection ? fillDirection : 'left') : '')
|
|
62
|
-
].join(' ');
|
|
63
|
-
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 &&
|
|
64
|
-
(0, jsx_runtime_1.jsx)("span", { className: 'rotate btn_left_icon', style: { lineHeight: "0" }, children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinner, {}) }), status &&
|
|
65
|
-
(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 })] })) }));
|
|
66
|
-
}
|
package/dist/ui/card/Card.d.ts
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
interface CardProps {
|
|
3
|
-
color?: string;
|
|
4
|
-
bg?: string;
|
|
5
|
-
width?: string;
|
|
6
|
-
height?: string;
|
|
7
|
-
minHeight?: string;
|
|
8
|
-
minWidth?: string;
|
|
9
|
-
margin?: string;
|
|
10
|
-
padding?: string;
|
|
11
|
-
funcss?: string;
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
roundEdge?: boolean;
|
|
14
|
-
maxHeight?: string;
|
|
15
|
-
maxWidth?: string;
|
|
16
|
-
horizontal?: boolean;
|
|
17
|
-
flat?: boolean;
|
|
18
|
-
id?: string;
|
|
19
|
-
header?: ReactNode;
|
|
20
|
-
body?: ReactNode;
|
|
21
|
-
footer?: ReactNode;
|
|
22
|
-
image?: ReactNode;
|
|
23
|
-
noGap?: boolean;
|
|
24
|
-
shadowless?: boolean;
|
|
25
|
-
fab?: ReactNode;
|
|
26
|
-
responsiveSmall?: boolean;
|
|
27
|
-
responsiveMedium?: boolean;
|
|
28
|
-
xl?: boolean;
|
|
29
|
-
style?: React.CSSProperties;
|
|
30
|
-
}
|
|
31
|
-
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;
|
|
32
|
-
export {};
|
package/dist/ui/card/Card.js
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.default = Card;
|
|
30
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
-
var CardHeader_1 = __importDefault(require("./CardHeader"));
|
|
32
|
-
var CardBody_1 = __importDefault(require("./CardBody"));
|
|
33
|
-
var CardFooter_1 = __importDefault(require("./CardFooter"));
|
|
34
|
-
function Card(_a) {
|
|
35
|
-
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"]);
|
|
36
|
-
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 ?
|
|
37
|
-
(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 }) : ''] })
|
|
38
|
-
: '', footer && !horizontal ? (0, jsx_runtime_1.jsx)(CardFooter_1.default, { children: footer }) : '', children] })));
|
|
39
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps } from 'react';
|
|
2
|
-
interface CardBodyProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export default function CardBody({ funcss, children, ...rest }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
package/dist/ui/card/CardBody.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.default = CardBody;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function CardBody(_a) {
|
|
28
|
-
var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-body ".concat(funcss || '') }, rest, { children: children })));
|
|
30
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps } from 'react';
|
|
2
|
-
interface CardFabProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
position?: string;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export default function CardFab({ funcss, position, children, ...rest }: CardFabProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
package/dist/ui/card/CardFab.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.default = CardFab;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
function CardFab(_a) {
|
|
29
|
-
var funcss = _a.funcss, position = _a.position, children = _a.children, rest = __rest(_a, ["funcss", "position", "children"]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-fab ".concat(funcss || '', " ").concat(position || '') }, rest, { children: children })));
|
|
31
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps } from 'react';
|
|
2
|
-
interface CardFooterProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export default function CardFooter({ funcss, children, ...rest }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.default = CardFooter;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function CardFooter(_a) {
|
|
28
|
-
var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-footer ".concat(funcss || '') }, rest, { children: children })));
|
|
30
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps } from 'react';
|
|
2
|
-
interface CardHeaderProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export default function CardHeader({ funcss, children, ...rest }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.default = CardHeader;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function CardHeader(_a) {
|
|
28
|
-
var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "card-header ".concat(funcss || '') }, rest, { children: children })));
|
|
30
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode, CSSProperties, HTMLProps } from 'react';
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
interface ContainerProps extends HTMLProps<HTMLDivElement> {
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
funcss?: string;
|
|
6
|
-
margin?: string;
|
|
7
|
-
padding?: string;
|
|
8
|
-
customStyle?: CSSProperties;
|
|
9
|
-
}
|
|
10
|
-
declare const Container: React.FC<ContainerProps>;
|
|
11
|
-
export default Container;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var Container = function (_a) {
|
|
28
|
-
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"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id, className: "container ".concat(funcss), style: __assign({ margin: margin || "", padding: padding || "" }, customStyle) }, rest, { children: children })));
|
|
30
|
-
};
|
|
31
|
-
exports.default = Container;
|
package/dist/ui/div/Div.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type DivProps = {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
content?: React.ReactNode;
|
|
6
|
-
minHeight?: string;
|
|
7
|
-
maxHeight?: string;
|
|
8
|
-
maxWidth?: string;
|
|
9
|
-
minWidth?: string;
|
|
10
|
-
height?: string;
|
|
11
|
-
width?: string;
|
|
12
|
-
padding?: string;
|
|
13
|
-
margin?: string;
|
|
14
|
-
fit?: boolean;
|
|
15
|
-
customStyle?: React.CSSProperties;
|
|
16
|
-
onClick?: React.MouseEventHandler<HTMLDivElement>;
|
|
17
|
-
};
|
|
18
|
-
declare const Div: ({ children, funcss, content, minHeight, maxHeight, maxWidth, minWidth, height, width, padding, margin, fit, customStyle, ...rest }: DivProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export default Div;
|