my-animated-components 1.2.2 → 1.2.4

package/dist/index.js

@@ -933,11 +933,18 @@ const NavItem = ({ children, className = '', href, active = false, size = 'md',
 };
 
 const Navbar = ({ children, className = '', brand }) => {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
     return (React.createElement(motion.nav, { className: `bg-white shadow ${className}`, initial: { opacity: 0, y: -50 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.5 } },
         React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" },
             React.createElement("div", { className: "flex justify-between h-16" },
                 React.createElement("div", { className: "flex-shrink-0 flex items-center" }, brand),
-                React.createElement("div", { className: "flex items-center" }, children)))));
+                React.createElement("div", { className: "hidden md:flex items-center space-x-4" }, children),
+                React.createElement("div", { className: "flex md:hidden items-center" },
+                    React.createElement("button", { type: "button", className: "text-gray-800 hover:text-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400", onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen) }, isMobileMenuOpen ? (React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" }))) : (React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 6h16M4 12h16M4 18h16" }))))))),
+        isMobileMenuOpen && (React.createElement("div", { className: "md:hidden bg-white shadow-md" },
+            React.createElement("div", { className: "space-y-2 px-4 py-2" }, React.Children.map(children, (child) => (React.createElement("div", { className: "text-gray-800 hover:text-gray-600" }, child))))))));
 };
 
 const Offcanvas = ({ children, className = '', isOpen, onClose, position = 'left' }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-animated-components",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "description": "",
   "main": "dist/index.js",
@@ -10,21 +10,58 @@
   },
   "keywords": [
     "react",
+    "react-components",
     "react-hooks",
+    "react-ui",
+    "animated-components",
+    "animation-library",
+    "motion-effects",
+    "motion-ui",
+    "framer-motion",
+    "tailwindcss",
+    "ui-library",
+    "responsive-ui",
+    "responsive-design",
+    "modern-ui",
+    "beautiful-ui",
+    "design-system",
+    "react-animations",
+    "css-animations",
+    "motion-animations",
+    "page-transitions",
+    "page-animations",
+    "interactive-ui",
+    "frontend-library",
+    "ui-kit",
+    "react-ui-kit",
+    "component-library",
+    "dynamic-components",
+    "custom-hooks",
     "useState",
     "useEffect",
     "useRef",
     "useContext",
     "useReducer",
-    "custom-hook",
-    "component",
-    "frontend",
-    "UI",
     "navigation",
     "routing",
-    "navigate",
+    "page-navigation",
     "router",
-    "page-navigation"
+    "menu-transitions",
+    "interactive-design",
+    "material-ui-alternative",
+    "bootstrap-alternative",
+    "animation-toolkit",
+    "transition-effects",
+    "micro-interactions",
+    "react-motion",
+    "motion-components",
+    "professional-ui",
+    "easy-to-use",
+    "developer-friendly",
+    "reusable-components",
+    "high-performance-ui",
+    "typescript-support",
+    "my-animated-components"
   ],
   "author": "",
   "license": "ISC",
@@ -46,4 +83,4 @@
     "tslib": "^2.6.2",
     "typescript": "^5.7.3"
   }
-}
+}

package/tailwind.config.js

@@ -1,10 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  content: [
-    './src/**/*.{html,js,ts,tsx,jsx}',
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-    "compilerOptions": {
-      "jsx": "react",
-      "target": "ES2020",
-      "module": "ESNext",
-      "declaration": true,
-      "declarationDir": "dist",
-      "strict": true,
-      "esModuleInterop": true,
-      "moduleResolution": "node",
-      "skipLibCheck": true,
-      "forceConsistentCasingInFileNames": true
-    },
-    "include": ["src/**/*"],
-    "exclude": ["node_modules", "dist"]
-  }
-