funuicss 2.5.3 → 2.5.4

package/ui/theme/theme.js

@@ -0,0 +1,52 @@
+'use client';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(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',
+            '--borderColor': '#CCCCCC',
+        };
+        var darkTheme = {
+            '--page-bg': '#121212',
+            '--text-color': '#FFFFFF',
+            '--raiseThemes': '#202020',
+            '--borderColor': '#333333',
+        };
+        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 (react_1.default.createElement("div", { className: "theme-".concat(theme), style: { backgroundColor: 'var(--page-bg)', color: 'var(--text-color)', minHeight: '100vh' } }, children));
+};
+exports.default = ThemeProvider;

package/ui/theme/theme.tsx

@@ -0,0 +1,41 @@
+'use client'
+import React, { useEffect } from 'react';
+
+interface ThemeProviderProps {
+  theme: 'light' | 'dark';
+  children: React.ReactNode;
+}
+
+const ThemeProvider: React.FC<ThemeProviderProps> = ({ theme, children }) => {
+  useEffect(() => {
+    const root = document.documentElement;
+
+    const lightTheme = {
+      '--page-bg': '#FFFFFF',
+      '--text-color': '#000000',
+      '--raiseThemes': '#FFFFFF',
+      '--borderColor': '#CCCCCC',
+    };
+
+    const darkTheme = {
+      '--page-bg': '#121212',
+      '--text-color': '#FFFFFF',
+      '--raiseThemes': '#202020',
+      '--borderColor': '#333333',
+    };
+
+    const selectedTheme = theme === 'dark' ? darkTheme : lightTheme;
+
+    Object.entries(selectedTheme).forEach(([key, value]) => {
+      root.style.setProperty(key, value);
+    });
+  }, [theme]);
+
+  return (
+    <div className={`theme-${theme}`} style={{ backgroundColor: 'var(--page-bg)', color: 'var(--text-color)', minHeight: '100vh' }}>
+      {children}
+    </div>
+  );
+};
+
+export default ThemeProvider;

package/ui/tooltip/Tip.js

@@ -48,13 +48,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 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"]);
-    // Calculate width only if content is a string
     var text = message || content || children;
-    // Check if content is a plain string to calculate width
-    var isString = typeof text === 'string';
-    var minWidth = isString
-        ? "".concat(text.replace(/\s+/g, '').length * 8, "px")
-        : 'auto';
-    return (React.createElement("span", __assign({ className: "tip-".concat(tip, " tip ").concat(funcss ? funcss : ''), style: { animation: " ".concat(duration ? duration : 0, "s ").concat(animation ? animation : ''), minWidth: minWidth } }, rest), text));
+    return (React.createElement("span", __assign({ className: "tip-".concat(tip, " tip ").concat(funcss ? funcss : ''), style: { animation: " ".concat(duration ? duration : 0, "s ").concat(animation ? animation : '') } }, rest), text));
 }
 exports.default = Tip;

package/ui/tooltip/Tip.tsx

@@ -20,17 +20,11 @@ export default function Tip({
   duration,
   ...rest
 }: TipProps) {
-  // Calculate width only if content is a string
   const text = message || content || children;
-  // Check if content is a plain string to calculate width
-  const isString = typeof text === 'string';
-  const minWidth = isString
-    ? `${text.replace(/\s+/g, '').length * 8}px`
-    : 'auto';
   return (
     <span
       className={`tip-${tip} tip ${funcss ? funcss : ''}`}
-      style={{ animation: ` ${duration ? duration : 0}s ${animation ? animation : ''}`, minWidth: minWidth }}
+      style={{ animation: ` ${duration ? duration : 0}s ${animation ? animation : ''}`}}
       {...rest}
     >
       {text}