funuicss 2.5.9 → 2.5.10

package/dist/ui/text/Text.js

@@ -1,63 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var pi_1 = require("react-icons/pi");
-var Text = function (_a) {
-    var id = _a.id, bg = _a.bg, color = _a.color, children = _a.children, hoverBg = _a.hoverBg, hoverText = _a.hoverText, text = _a.text, funcss = _a.funcss, emp = _a.emp, bold = _a.bold, block = _a.block, body = _a.body, article = _a.article, light = _a.light, lighter = _a.lighter, italic = _a.italic, weight = _a.weight, underline = _a.underline, align = _a.align, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, uppercase = _a.uppercase, lowercase = _a.lowercase, capitalize = _a.capitalize, textDecoration = _a.textDecoration, textTransform = _a.textTransform, whiteSpace = _a.whiteSpace, wordBreak = _a.wordBreak, fontFamily = _a.fontFamily, textShadow = _a.textShadow, textAlign = _a.textAlign, customStyles = _a.customStyles, monospace = _a.monospace, quote = _a.quote, _b = _a.size, size = _b === void 0 ? 'base' : _b, // default
-    rest = __rest(_a, ["id", "bg", "color", "children", "hoverBg", "hoverText", "text", "funcss", "emp", "bold", "block", "body", "article", "light", "lighter", "italic", "weight", "underline", "align", "lineHeight", "letterSpacing", "uppercase", "lowercase", "capitalize", "textDecoration", "textTransform", "whiteSpace", "wordBreak", "fontFamily", "textShadow", "textAlign", "customStyles", "monospace", "quote", "size"]);
-    var Tag = block ? 'div' : 'span';
-    var sizeClass = "".concat(size === 'h1' ? "h1" :
-        size === 'h2' ? "h2" :
-            size === 'h3' ? "h3" :
-                size === 'h4' ? "h4" :
-                    size === 'h5' ? "h5" :
-                        size === 'h6' ? "h6" :
-                            "text-".concat(size));
-    var mergedStyles = __assign({ display: block ? 'block' : undefined, fontWeight: bold ? 'bold' : weight ? weight : undefined, lineHeight: lineHeight, letterSpacing: letterSpacing, textTransform: textTransform, textDecoration: textDecoration, fontFamily: fontFamily, textShadow: textShadow, textAlign: textAlign, whiteSpace: whiteSpace, wordBreak: wordBreak, transform: customStyles === null || customStyles === void 0 ? void 0 : customStyles.transform }, customStyles);
-    var classNames = [
-        funcss || '',
-        sizeClass,
-        color ? "text-".concat(color) : '',
-        align ? "text-".concat(align) : '',
-        monospace ? 'monospace' : '',
-        bg || '',
-        hoverText ? "hover-text-".concat(hoverText) : '',
-        hoverBg ? "hover-".concat(hoverBg) : '',
-        light ? 'lightText' : lighter ? 'lighterText' : '',
-        italic ? 'italicText' : '',
-        underline ? 'underlineText' : '',
-        body ? 'body' : '',
-        article ? 'article' : '',
-        emp ? 'emp' : '',
-        bold ? 'bold' : '',
-        uppercase ? 'uppercase' : '',
-        lowercase ? 'lowercase' : '',
-        capitalize ? 'capitalize' : '',
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return ((0, jsx_runtime_1.jsxs)(Tag, __assign({ id: id, className: classNames, style: mergedStyles }, rest, { children: [quote && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(pi_1.PiQuotesLight, {}) })), children, text] })));
-};
-exports.default = Text;

package/dist/ui/theme/dark.d.ts

@@ -1,5 +0,0 @@
-type DarkModeProps = {
-    state: boolean;
-};
-export default function DarkMode({ state }: DarkModeProps): void;
-export {};

package/dist/ui/theme/dark.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = DarkMode;
-function DarkMode(_a) {
-    var state = _a.state;
-    if (state) {
-        var root = document.querySelector(':root'); // Properly declare the type of root
-        var bdColor = "#FFFFFFD9";
-        var borderColor = void 0;
-        var raiseColor = void 0;
-        borderColor = "#444654";
-        raiseColor = "#1e1e1e";
-        root.style.setProperty('--bd-theme', "#141414");
-        root.style.setProperty('--bd-color', bdColor);
-        root.style.setProperty('--borderColor', borderColor);
-        root.style.setProperty('--raiseThemes', raiseColor);
-        root.style.setProperty('--lighter', "#33333349");
-        root.style.setProperty('--inputOutline', "#1e1e1e");
-        root.style.setProperty('--lightThemeDark', bdColor);
-        // Dark theme for all the colors
-        root.style.setProperty('--success', "#1d6640");
-        root.style.setProperty('--successLight', " #c7e6c8");
-        root.style.setProperty('--info', "#2471a3");
-        root.style.setProperty('--infoLight', "#b3d9ed");
-        root.style.setProperty('--warning', "#8c3d00");
-        root.style.setProperty('--warningLight', "#d8b69c");
-        root.style.setProperty('--danger', "#6b0600");
-        root.style.setProperty('--dangerLight', "#bfbfbf");
-        // root.style.setProperty('--info', "#2471a3");
-        // root.style.setProperty('--infoLight', "#b3d9ed");
-        root.style.setProperty('--light', "#c5d8e0");
-        root.style.setProperty('--deepLight', "#154556");
-    }
-}

package/dist/ui/theme/theme.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface ThemeProviderProps {
-    theme: 'light' | 'dark';
-    children: React.ReactNode;
-}
-declare const ThemeProvider: React.FC<ThemeProviderProps>;
-export default ThemeProvider;

package/dist/ui/theme/theme.js

@@ -1,34 +0,0 @@
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ThemeProvider = function (_a) {
-    var theme = _a.theme, children = _a.children;
-    (0, react_1.useEffect)(function () {
-        var root = document.documentElement;
-        var lightTheme = {
-            '--page-bg': '#FFFFFF',
-            '--text-color': '#000000',
-            '--raiseThemes': '#FFFFFF',
-        };
-        var darkTheme = {
-            '--page-bg': '#121212',
-            '--text-color': '#FFFFFF',
-            '--raiseThemes': '#202020',
-            '--borderColor': '#333333',
-            '--lighter': '#202020',
-        };
-        var selectedTheme = theme === 'dark' ? darkTheme : lightTheme;
-        Object.entries(selectedTheme).forEach(function (_a) {
-            var key = _a[0], value = _a[1];
-            root.style.setProperty(key, value);
-        });
-    }, [theme]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "theme-".concat(theme), style: {
-            backgroundColor: 'var(--page-bg)',
-            color: 'var(--text-color)',
-            minHeight: '100vh',
-        }, children: children }));
-};
-exports.default = ThemeProvider;

package/dist/ui/tooltip/Tip.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-interface TipProps {
-    tip: string;
-    funcss?: string;
-    children?: React.ReactNode;
-    content?: React.ReactNode;
-    message?: React.ReactNode;
-    animation?: string;
-    duration?: number;
-}
-export default function Tip({ tip, funcss, children, content, message, animation, duration, ...rest }: TipProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/ui/tooltip/Tip.js

@@ -1,31 +0,0 @@
-"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 = Tip;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function Tip(_a) {
-    var tip = _a.tip, funcss = _a.funcss, children = _a.children, content = _a.content, message = _a.message, animation = _a.animation, duration = _a.duration, rest = __rest(_a, ["tip", "funcss", "children", "content", "message", "animation", "duration"]);
-    var text = message || content || children;
-    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: "tip-".concat(tip, " tip ").concat(funcss ? funcss : ''), style: { animation: " ".concat(duration ? duration : 0, "s ").concat(animation ? animation : '') } }, rest, { children: text })));
-}

package/dist/ui/tooltip/ToolTip.d.ts

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

package/dist/ui/tooltip/ToolTip.js

@@ -1,30 +0,0 @@
-"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 = ToolTip;
-var jsx_runtime_1 = require("react/jsx-runtime");
-function ToolTip(_a) {
-    var funcss = _a.funcss, children = _a.children, rest = __rest(_a, ["funcss", "children"]);
-    return ((0, jsx_runtime_1.jsx)("span", __assign({ className: "tooltip ".concat(funcss !== null && funcss !== void 0 ? funcss : '') }, rest, { children: children })));
-}

package/dist/ui/video/FunPlayer.js

@@ -1,203 +0,0 @@
-"use strict";
-// import React, { useState, useRef, useEffect } from 'react';
-// import { PiCornersOut, PiDownload, PiFastForward, PiFileAudio, PiPause, PiPlay, PiRewind, PiSpeakerHifi, PiSpeakerLow } from 'react-icons/pi';
-// import ToolTip from "../tooltip/ToolTip"
-// import RowFlex from '../specials/RowFlex';
-// import Button from '../button/Button'
-// import Text from '../text/Text'
-// import Tip from '../tooltip/Tip'
-// interface VideoProps {
-//   src: string;
-//   autoPlay: boolean;
-//   onDuration?: (duration: number) => void;
-// }
-// export default function Video({ src, autoPlay, onDuration }: VideoProps) {
-//   const videoRef = useRef<HTMLVideoElement>(null);
-//   const [isPlaying, setIsPlaying] = useState<boolean>(autoPlay);
-//   const [currentTime, setCurrentTime] = useState<number>(0);
-//   const [duration, setDuration] = useState<number>(0);
-//   const [volume, setVolume] = useState<number>(1);
-//   const [isFullScreen, setIsFullScreen] = useState<boolean>(false);
-//   const [showVolume, setShowVolume] = useState<boolean>(false);
-//   useEffect(() => {
-//     if (!videoRef.current) return;
-//     const handleTimeUpdate = () => {
-//       setCurrentTime(videoRef.current.currentTime);
-//     };
-//     const handleDurationChange = () => {
-//       const newDuration = videoRef.current.duration;
-//       setDuration(newDuration);
-//       onDuration && onDuration(newDuration);
-//     };
-//     videoRef.current.addEventListener('timeupdate', handleTimeUpdate);
-//     videoRef.current.addEventListener('durationchange', handleDurationChange);
-//     return () => {
-//       videoRef.current?.removeEventListener('timeupdate', handleTimeUpdate);
-//       videoRef.current?.removeEventListener('durationchange', handleDurationChange);
-//     };
-//   }, [onDuration]);
-//   const formatTime = (time: number) => {
-//     const minutes = Math.floor(time / 60);
-//     const seconds = Math.floor(time % 60);
-//     return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
-//   };
-//   const handlePlay = () => {
-//     videoRef.current?.play();
-//     setIsPlaying(true);
-//   };
-//   const handlePause = () => {
-//     videoRef.current?.pause();
-//     setIsPlaying(false);
-//   };
-//   const handleStop = () => {
-//     videoRef.current?.pause();
-//     videoRef.current.currentTime = 0;
-//     setIsPlaying(false);
-//   };
-//   const handleRewind = () => {
-//     if (videoRef.current) videoRef.current.currentTime -= 10; // Rewind 10 seconds
-//   };
-//   const handleForward = () => {
-//     if (videoRef.current) videoRef.current.currentTime += 10; // Forward 10 seconds
-//   };
-//   const handleToggleFullScreen = () => {
-//     if (videoRef.current) {
-//       if (videoRef.current.requestFullscreen) {
-//         videoRef.current.requestFullscreen();
-//       } else if (videoRef.current.mozRequestFullScreen) {
-//         videoRef.current.mozRequestFullScreen();
-//       } else if (videoRef.current.webkitRequestFullscreen) {
-//         videoRef.current.webkitRequestFullscreen();
-//       } else if (videoRef.current.msRequestFullscreen) {
-//         videoRef.current.msRequestFullscreen();
-//       }
-//       setIsFullScreen(true);
-//     }
-//   };
-// //   const handleExitFullScreen = () => {
-// //     if (document.exitFullscreen) {
-// //       document.exitFullscreen();
-// //     } else if (document.mozCancelFullScreen) {
-// //       document.mozCancelFullScreen();
-// //     } else if (document.webkitExitFullscreen) {
-// //       document.webkitExitFullscreen();
-// //     } else if (document.msExitFullscreen) {
-// //       document.msExitFullscreen();
-// //     }
-// //     setIsFullScreen(false);
-// //   };
-//   const handleProgressBarChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//     const newTime = parseFloat(e.target.value);
-//     setCurrentTime(newTime);
-//     if (videoRef.current) videoRef.current.currentTime = newTime;
-//   };
-//   const handleVolumeChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-//     const newVolume = parseFloat(e.target.value);
-//     setVolume(newVolume);
-//     if (videoRef.current) videoRef.current.volume = newVolume;
-//   };
-//   const timePlayed = formatTime(currentTime);
-//   const timeLeft = formatTime(duration - currentTime);
-//   return (
-//     <div className="vide_container">
-//       <video
-//         ref={videoRef}
-//         autoPlay={autoPlay}
-//         src={src}
-//         className="fit"
-//       ></video>
-//       <div className="video_controls" onDoubleClick={isPlaying ? handlePause : handlePlay}>
-//         <RowFlex gap={0.3} funcss="padding-5">
-//           <div>
-//             <Text
-//               text={timePlayed}
-//               size="small"
-//               bold
-//             />
-//           </div>
-//           <div className="col width-100-p">
-//             <input
-//               type="range"
-//               min={0}
-//               max={duration}
-//               value={currentTime}
-//               className="width-100-p"
-//               style={{ height: "3px" }}
-//               onChange={handleProgressBarChange}
-//             />
-//           </div>
-//           <div>
-//             <Text
-//               text={timeLeft}
-//               size="small"
-//               bold
-//             />
-//           </div>
-//         </RowFlex>
-//         <div className="margin-top-5"></div>
-//         <RowFlex gap={1} justify="space-between">
-//           <div>
-//             <RowFlex gap={0.5}>
-//               <ToolTip>
-//                 <div className="width-30 height-30 pointer padding-5" onClick={isPlaying ? handlePause : handlePlay}>
-//                   {isPlaying ? <PiPause /> : <PiPlay />}
-//                 </div>
-//                 <Tip tip="top" animation="ScaleUp" duration={0.5} content={isPlaying ? "Pause" : "Play"} />
-//               </ToolTip>
-//               <ToolTip>
-//                 <div className="width-30 height-30 pointer padding-5" onClick={handleRewind}>
-//                   <PiRewind />
-//                 </div>
-//                 <Tip tip="top" animation="ScaleUp" duration={0.5} content={"10 sec Back"} />
-//               </ToolTip>
-//               <ToolTip>
-//                 <div className="width-30 height-30 pointer padding-5" onClick={handleForward}>
-//                   <PiFastForward />
-//                 </div>
-//                 <Tip tip="top" animation="ScaleUp" duration={0.5} content={"10 sec Forward"} />
-//               </ToolTip>
-//               <div onMouseEnter={() => setShowVolume(true)} onMouseLeave={() => setShowVolume(false)}>
-//                 <RowFlex >
-//                   <ToolTip>
-//                     <div className="width-30 height-30 pointer padding-5">
-//                       <PiSpeakerLow />
-//                     </div>
-//                     <Tip tip="top" animation="ScaleUp" duration={0.5} content={"Volume"} />
-//                   </ToolTip>
-//                   {showVolume &&
-//                     <input
-//                       type="range"
-//                       min={0}
-//                       max={1}
-//                       step={0.01}
-//                       value={volume}
-//                       className="width-100"
-//                       style={{ height: "3px" }}
-//                       onChange={handleVolumeChange}
-//                     />
-//                   }
-//                 </RowFlex>
-//               </div>
-//             </RowFlex>
-//           </div>
-//           <div>
-//             <RowFlex gap={0.3}>
-//               <ToolTip>
-//                 <div className="width-30 height-30 pointer padding-5" onClick={handleToggleFullScreen}>
-//                   <PiCornersOut />
-//                 </div>
-//                 <Tip tip="top" animation="ScaleUp" duration={0.5} content={"Expand"} />
-//               </ToolTip>
-//               <ToolTip>
-//                 <div className="width-30 height-30 pointer padding-5" onClick={() => { window.open(src || "", '_blank'); }}>
-//                   <PiDownload />
-//                 </div>
-//                 <Tip tip="top" animation="ScaleUp" duration={0.5} content={"Download"} />
-//               </ToolTip>
-//             </RowFlex>
-//           </div>
-//         </RowFlex>
-//       </div>
-//     </div>
-//   );
-// }

package/dist/webpack.config.d.ts

@@ -1,23 +0,0 @@
-import TerserPlugin = require("terser-webpack-plugin");
-export let mode: string;
-export let devtool: string;
-export let entry: string;
-export namespace output {
-    let path: string;
-    let filename: string;
-}
-export namespace resolve {
-    let extensions: string[];
-}
-export namespace module {
-    let rules: {
-        test: RegExp;
-        use: string;
-        exclude: RegExp;
-    }[];
-}
-export namespace optimization {
-    let minimize: boolean;
-    let minimizer: TerserPlugin<import("terser").MinifyOptions>[];
-}
-export let plugins: any[];