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.
Files changed (168) hide show
  1. package/css/fun.css +3 -2
  2. package/package.json +1 -2
  3. package/tsconfig.json +1 -2
  4. package/tsconfig.tsbuildinfo +1 -1
  5. package/ui/alert/Alert.d.ts +1 -1
  6. package/ui/alert/Alert.js +1 -1
  7. package/ui/appbar/AppBar.js +2 -2
  8. package/ui/appbar/AppBar.tsx +1 -1
  9. package/ui/appbar/Hamburger.js +1 -1
  10. package/ui/avatar/Avatar.js +1 -1
  11. package/ui/breadcrumb/BreadCrumb.js +1 -1
  12. package/ui/button/Button.js +1 -1
  13. package/ui/card/Card.js +1 -1
  14. package/ui/card/CardFab.js +1 -1
  15. package/ui/container/Container.js +1 -1
  16. package/ui/div/Div.js +1 -1
  17. package/ui/drop/Dropdown.js +1 -1
  18. package/ui/input/Input.js +1 -1
  19. package/ui/modal/Modal.d.ts +1 -1
  20. package/ui/modal/Modal.js +1 -1
  21. package/ui/notification/Notification.d.ts +1 -1
  22. package/ui/notification/Notification.js +1 -1
  23. package/ui/page/NotFound.js +1 -1
  24. package/ui/progress/Bar.js +1 -1
  25. package/ui/snackbar/SnackBar.js +1 -1
  26. package/ui/specials/Circle.js +1 -1
  27. package/ui/step/Line.js +1 -1
  28. package/ui/step/Step.js +1 -1
  29. package/ui/table/Table.js +1 -1
  30. package/ui/theme/theme.js +1 -1
  31. package/ui/video/FunPlayer.js +1 -0
  32. package/dist/assets/colors/colors.d.ts +0 -347
  33. package/dist/assets/colors/colors.js +0 -348
  34. package/dist/index.d.ts +0 -37
  35. package/dist/index.js +0 -80
  36. package/dist/js/Fun.d.ts +0 -38
  37. package/dist/js/Fun.js +0 -235
  38. package/dist/js/Theme.d.ts +0 -2
  39. package/dist/js/Theme.js +0 -42
  40. package/dist/tsconfig.tsbuildinfo +0 -1
  41. package/dist/ui/alert/Alert.d.ts +0 -24
  42. package/dist/ui/alert/Alert.js +0 -48
  43. package/dist/ui/aos/AOS.d.ts +0 -9
  44. package/dist/ui/aos/AOS.js +0 -30
  45. package/dist/ui/appbar/AppBar.d.ts +0 -17
  46. package/dist/ui/appbar/AppBar.js +0 -43
  47. package/dist/ui/appbar/Hamburger.d.ts +0 -7
  48. package/dist/ui/appbar/Hamburger.js +0 -20
  49. package/dist/ui/avatar/Avatar.d.ts +0 -10
  50. package/dist/ui/avatar/Avatar.js +0 -12
  51. package/dist/ui/blob/Blob.d.ts +0 -10
  52. package/dist/ui/blob/Blob.js +0 -16
  53. package/dist/ui/breadcrumb/BreadCrumb.d.ts +0 -7
  54. package/dist/ui/breadcrumb/BreadCrumb.js +0 -10
  55. package/dist/ui/button/Button.d.ts +0 -39
  56. package/dist/ui/button/Button.js +0 -66
  57. package/dist/ui/card/Card.d.ts +0 -32
  58. package/dist/ui/card/Card.js +0 -39
  59. package/dist/ui/card/CardBody.d.ts +0 -7
  60. package/dist/ui/card/CardBody.js +0 -30
  61. package/dist/ui/card/CardFab.d.ts +0 -8
  62. package/dist/ui/card/CardFab.js +0 -31
  63. package/dist/ui/card/CardFooter.d.ts +0 -7
  64. package/dist/ui/card/CardFooter.js +0 -30
  65. package/dist/ui/card/CardHeader.d.ts +0 -7
  66. package/dist/ui/card/CardHeader.js +0 -30
  67. package/dist/ui/container/Container.d.ts +0 -11
  68. package/dist/ui/container/Container.js +0 -31
  69. package/dist/ui/div/Div.d.ts +0 -19
  70. package/dist/ui/div/Div.js +0 -31
  71. package/dist/ui/drop/Action.d.ts +0 -7
  72. package/dist/ui/drop/Action.js +0 -8
  73. package/dist/ui/drop/Down.d.ts +0 -9
  74. package/dist/ui/drop/Down.js +0 -8
  75. package/dist/ui/drop/Dropdown.d.ts +0 -18
  76. package/dist/ui/drop/Dropdown.js +0 -31
  77. package/dist/ui/drop/Item.d.ts +0 -8
  78. package/dist/ui/drop/Item.js +0 -8
  79. package/dist/ui/drop/Menu.d.ts +0 -12
  80. package/dist/ui/drop/Menu.js +0 -11
  81. package/dist/ui/drop/Up.d.ts +0 -9
  82. package/dist/ui/drop/Up.js +0 -8
  83. package/dist/ui/grid/Col.d.ts +0 -14
  84. package/dist/ui/grid/Col.js +0 -40
  85. package/dist/ui/grid/Grid.d.ts +0 -12
  86. package/dist/ui/grid/Grid.js +0 -34
  87. package/dist/ui/input/Iconic.d.ts +0 -11
  88. package/dist/ui/input/Iconic.js +0 -15
  89. package/dist/ui/input/Input.d.ts +0 -35
  90. package/dist/ui/input/Input.js +0 -110
  91. package/dist/ui/list/Item.d.ts +0 -7
  92. package/dist/ui/list/Item.js +0 -30
  93. package/dist/ui/list/List.d.ts +0 -14
  94. package/dist/ui/list/List.js +0 -30
  95. package/dist/ui/loader/Loader.d.ts +0 -10
  96. package/dist/ui/loader/Loader.js +0 -37
  97. package/dist/ui/modal/Action.d.ts +0 -7
  98. package/dist/ui/modal/Action.js +0 -30
  99. package/dist/ui/modal/Close.d.ts +0 -6
  100. package/dist/ui/modal/Close.js +0 -31
  101. package/dist/ui/modal/Content.d.ts +0 -7
  102. package/dist/ui/modal/Content.js +0 -8
  103. package/dist/ui/modal/Header.d.ts +0 -9
  104. package/dist/ui/modal/Header.js +0 -30
  105. package/dist/ui/modal/Modal.d.ts +0 -32
  106. package/dist/ui/modal/Modal.js +0 -61
  107. package/dist/ui/notification/Content.d.ts +0 -7
  108. package/dist/ui/notification/Content.js +0 -8
  109. package/dist/ui/notification/Footer.d.ts +0 -7
  110. package/dist/ui/notification/Footer.js +0 -8
  111. package/dist/ui/notification/Header.d.ts +0 -7
  112. package/dist/ui/notification/Header.js +0 -8
  113. package/dist/ui/notification/Notification.d.ts +0 -15
  114. package/dist/ui/notification/Notification.js +0 -23
  115. package/dist/ui/page/NotFound.d.ts +0 -9
  116. package/dist/ui/page/NotFound.js +0 -23
  117. package/dist/ui/page/UnAuthorized.d.ts +0 -9
  118. package/dist/ui/page/UnAuthorized.js +0 -21
  119. package/dist/ui/progress/Bar.d.ts +0 -17
  120. package/dist/ui/progress/Bar.js +0 -87
  121. package/dist/ui/sidebar/SideBar.d.ts +0 -14
  122. package/dist/ui/sidebar/SideBar.js +0 -42
  123. package/dist/ui/sidebar/SideContent.d.ts +0 -6
  124. package/dist/ui/sidebar/SideContent.js +0 -8
  125. package/dist/ui/snackbar/SnackBar.d.ts +0 -16
  126. package/dist/ui/snackbar/SnackBar.js +0 -53
  127. package/dist/ui/specials/Circle.d.ts +0 -15
  128. package/dist/ui/specials/Circle.js +0 -34
  129. package/dist/ui/specials/FullCenteredPage.d.ts +0 -8
  130. package/dist/ui/specials/FullCenteredPage.js +0 -30
  131. package/dist/ui/specials/Hr.d.ts +0 -7
  132. package/dist/ui/specials/Hr.js +0 -8
  133. package/dist/ui/specials/RowFlex.d.ts +0 -14
  134. package/dist/ui/specials/RowFlex.js +0 -34
  135. package/dist/ui/specials/Section.d.ts +0 -8
  136. package/dist/ui/specials/Section.js +0 -30
  137. package/dist/ui/step/Container.d.ts +0 -9
  138. package/dist/ui/step/Container.js +0 -8
  139. package/dist/ui/step/Header.d.ts +0 -7
  140. package/dist/ui/step/Header.js +0 -8
  141. package/dist/ui/step/Line.d.ts +0 -7
  142. package/dist/ui/step/Line.js +0 -9
  143. package/dist/ui/step/Step.d.ts +0 -7
  144. package/dist/ui/step/Step.js +0 -9
  145. package/dist/ui/table/Body.d.ts +0 -7
  146. package/dist/ui/table/Body.js +0 -8
  147. package/dist/ui/table/Data.d.ts +0 -8
  148. package/dist/ui/table/Data.js +0 -8
  149. package/dist/ui/table/Head.d.ts +0 -7
  150. package/dist/ui/table/Head.js +0 -8
  151. package/dist/ui/table/Row.d.ts +0 -9
  152. package/dist/ui/table/Row.js +0 -8
  153. package/dist/ui/table/Table.d.ts +0 -33
  154. package/dist/ui/table/Table.js +0 -133
  155. package/dist/ui/text/Text.d.ts +0 -44
  156. package/dist/ui/text/Text.js +0 -63
  157. package/dist/ui/theme/dark.d.ts +0 -5
  158. package/dist/ui/theme/dark.js +0 -34
  159. package/dist/ui/theme/theme.d.ts +0 -7
  160. package/dist/ui/theme/theme.js +0 -34
  161. package/dist/ui/tooltip/Tip.d.ts +0 -12
  162. package/dist/ui/tooltip/Tip.js +0 -31
  163. package/dist/ui/tooltip/ToolTip.d.ts +0 -7
  164. package/dist/ui/tooltip/ToolTip.js +0 -30
  165. package/dist/ui/video/FunPlayer.d.ts +0 -0
  166. package/dist/ui/video/FunPlayer.js +0 -203
  167. package/dist/webpack.config.d.ts +0 -23
  168. /package/{types/next-env.d.ts → next-env.d.ts} +0 -0
@@ -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 {};
@@ -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 {};
@@ -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,7 +0,0 @@
1
- import React from 'react';
2
- interface HamburgerProps {
3
- isOpen?: boolean;
4
- toggle?: () => void;
5
- }
6
- declare const Hamburger: React.FC<HamburgerProps>;
7
- export default Hamburger;
@@ -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 {};
@@ -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
- }
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- interface BlobProps {
3
- height?: string;
4
- width?: string;
5
- background?: string;
6
- funcss?: string;
7
- shape?: string;
8
- }
9
- declare const Blob: React.FC<BlobProps>;
10
- export default Blob;
@@ -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,7 +0,0 @@
1
- interface BreadCrumbProps {
2
- type?: 'slash' | 'greater' | 'less' | 'straight';
3
- funcss?: string;
4
- color?: string;
5
- }
6
- export default function BreadCrumb({ type, funcss, color }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
7
- export {};
@@ -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 {};
@@ -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
- }
@@ -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 {};
@@ -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 {};
@@ -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 {};
@@ -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;
@@ -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;