jean-react-utils 0.1.0 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 jean-w
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE. 

package/dist/index.d.mts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'outline';
@@ -11,10 +12,10 @@ interface HeadingProps {
     className?: string;
     title?: string;
 }
-declare function PageTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function SectionTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function CardTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function SubTitle({ children, title, className }: HeadingProps): JSX.Element;
+declare function PageTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function SectionTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function SubTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 interface NavItem {
     key: string;
@@ -69,4 +70,4 @@ declare const Footer: React.FC<FooterProps>;
 
 declare const useForceRerender: () => [number, () => void];
 
-export { Button, CardTitle, Footer, type FooterLink, type FooterProps, type FooterTexts, Header, PageTitle, SectionTitle, SubTitle, useForceRerender };
+export { Button, CardTitle, Footer, Header, PageTitle, SectionTitle, SubTitle, useForceRerender };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'outline';
@@ -11,10 +12,10 @@ interface HeadingProps {
     className?: string;
     title?: string;
 }
-declare function PageTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function SectionTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function CardTitle({ children, title, className }: HeadingProps): JSX.Element;
-declare function SubTitle({ children, title, className }: HeadingProps): JSX.Element;
+declare function PageTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function SectionTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
+declare function SubTitle({ children, title, className }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 interface NavItem {
     key: string;
@@ -69,4 +70,4 @@ declare const Footer: React.FC<FooterProps>;
 
 declare const useForceRerender: () => [number, () => void];
 
-export { Button, CardTitle, Footer, type FooterLink, type FooterProps, type FooterTexts, Header, PageTitle, SectionTitle, SubTitle, useForceRerender };
+export { Button, CardTitle, Footer, Header, PageTitle, SectionTitle, SubTitle, useForceRerender };

package/dist/index.js

@@ -32,7 +32,7 @@ var index_exports = {};
 __export(index_exports, {
   Button: () => Button_default,
   CardTitle: () => CardTitle,
-  Footer: () => Footer,
+  Footer: () => Footer_default,
   Header: () => Header_default,
   PageTitle: () => PageTitle,
   SectionTitle: () => SectionTitle,
@@ -120,16 +120,19 @@ function SubTitle({ children, title, className = "" }) {
 
 // src/layout/Header/index.tsx
 var import_react = require("react");
+var import_classnames = __toESM(require("classnames"));
 var import_link = __toESM(require("next/link"));
 var import_framer_motion2 = require("framer-motion");
 
 // src/layout/Header/BreadIcon.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var spanDefaultCls = "w-full h-0.5 bg-black transition-transform duration-300";
+var spanOpacityCls = "w-full h-0.5 bg-black transition-opacity duration-300";
 function BreadIcon({ isMenuOpen }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "w-6 h-5 relative flex flex-col justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? "rotate-45 translate-y-2" : ""}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `w-full h-0.5 bg-gray-800 transition-opacity duration-300 ${isMenuOpen ? "opacity-0" : ""}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? "-rotate-45 -translate-y-2" : ""}` })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${spanDefaultCls} ${isMenuOpen ? "rotate-45 translate-y-2" : ""}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${spanOpacityCls} ${isMenuOpen ? "opacity-0" : ""}` }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: `${spanDefaultCls} ${isMenuOpen ? "-rotate-45 -translate-y-2" : ""}` })
   ] });
 }
 
@@ -140,7 +143,7 @@ var getActivedCls = (href, selectedKey) => {
   if (href.includes(selectedKey) || href === "/" && selectedKey === "home") {
     return "text-purple-600";
   }
-  return "text-gray-600";
+  return "";
 };
 var Header = ({
   logo,
@@ -150,8 +153,7 @@ var Header = ({
 }) => {
   const [isMenuOpen, setIsMenuOpen] = (0, import_react.useState)(false);
   const selectedKey = (0, import_navigation.usePathname)().split("/")[2] || "home";
-  console.log("selectedKey>>>", selectedKey);
-  const baseNavClassName = `fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 ${className}`;
+  const baseNavClassName = (0, import_classnames.default)(`fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 text-gray-600`, className);
   const navVariants = {
     hidden: { y: -20, opacity: 0 },
     visible: {
@@ -163,6 +165,32 @@ var Header = ({
       }
     }
   };
+  const HeaderWrapper = enableAnimation ? import_framer_motion2.motion.header : "header";
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    HeaderWrapper,
+    {
+      className: baseNavClassName,
+      ...enableAnimation && {
+        initial: "hidden",
+        animate: "visible",
+        variants: navVariants
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "container flex items-center justify-between p-4", children: [
+          logo,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DesktopNav, { menuItems, selectedKey, enableAnimation }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MobileMenuBtn, { menuItems, selectedKey, setIsMenuOpen, isMenuOpen })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_framer_motion2.AnimatePresence, { children: isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MobileNav, { menuItems, selectedKey, enableAnimation }) })
+      ]
+    }
+  );
+};
+var DesktopNav = ({ menuItems, selectedKey, enableAnimation }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "hidden md:flex items-center space-x-8", children: menuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavLink, { href: item.href, selectedKey, className: item.className?.pc, children: item.label }, item.key)) });
+};
+var MobileNav = ({ menuItems, selectedKey, enableAnimation }) => {
+  const MobileMenuComponent = enableAnimation ? import_framer_motion2.motion.div : "div";
   const mobileMenuVariants = {
     hidden: {
       height: 0,
@@ -181,74 +209,43 @@ var Header = ({
       }
     }
   };
-  const NavComponent = enableAnimation ? import_framer_motion2.motion.nav : "nav";
-  const MobileMenuComponent = enableAnimation ? import_framer_motion2.motion.div : "div";
-  console.log("menuItems>>>", menuItems);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    NavComponent,
+    MobileMenuComponent,
     {
-      className: baseNavClassName,
+      className: "md:hidden overflow-hidden",
       ...enableAnimation && {
         initial: "hidden",
         animate: "visible",
-        variants: navVariants
+        exit: "hidden",
+        variants: mobileMenuVariants
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "container mx-auto px-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between h-20", children: [
-          logo,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "hidden md:flex items-center space-x-8", children: menuItems.map((item) => (
-            // <Link
-            // key={item.key}
-            //     href="/"
-            //     className="flex items-center justify-center gap-2 text-lg font-bold tracking-wide transition-all duration-300 ease-in-out"
-            // >
-            //   {item.label}
-            // </Link>
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavLink, { href: item.href, className: item.className?.pc, selectedKey, children: item.label }, item.key)
-          )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-            "button",
-            {
-              onClick: () => setIsMenuOpen(!isMenuOpen),
-              className: "md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BreadIcon, { isMenuOpen })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_framer_motion2.AnimatePresence, { children: isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          MobileMenuComponent,
-          {
-            className: "md:hidden overflow-hidden",
-            ...enableAnimation && {
-              initial: "hidden",
-              animate: "visible",
-              exit: "hidden",
-              variants: mobileMenuVariants
-            },
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-col space-y-4 py-4 items-center", children: menuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-              import_framer_motion2.motion.div,
-              {
-                ...enableAnimation && {
-                  initial: { x: -20, opacity: 0 },
-                  animate: { x: 0, opacity: 1 },
-                  transition: { delay: 0.1 }
-                },
-                children: menuItems.map((item2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MobileNavLink, { href: item2.href, className: item2.className?.mobile, selectedKey, children: item2.label }, item2.key))
-              },
-              item.key
-            )) })
-          }
-        ) })
-      ] })
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "flex flex-col space-y-4 py-4 items-center", children: menuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MobileMenuComponent, { ...enableAnimation && {
+        initial: { x: -20, opacity: 0 },
+        animate: { x: 0, opacity: 1 },
+        transition: { delay: 0.1 }
+      }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MobileNavLink, { href: item.href, selectedKey, className: item.className?.mobile, children: item.label }) }, item.key)) })
+    }
+  );
+};
+var MobileMenuBtn = ({ setIsMenuOpen, isMenuOpen }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "button",
+    {
+      onClick: () => setIsMenuOpen(!isMenuOpen),
+      className: "md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors",
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BreadIcon, { isMenuOpen })
     }
   );
 };
 var NavLink = ({ href, children, className, selectedKey }) => {
-  const combinedClassName = `${className || "text-gray-600 hover:text-black transition-colors"} ${getActivedCls(href, selectedKey)}`;
+  const combinedClassName = (0, import_classnames.default)(
+    className || "hover:text-black transition-colors",
+    getActivedCls(href, selectedKey)
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_link.default, { href, legacyBehavior: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { className: combinedClassName, children }) });
 };
 var MobileNavLink = ({ href, children, className, selectedKey }) => {
-  const combinedClassName = `${className || "text-lg font-medium text-center text-gray-600 hover:text-purple-600 transition-colors"} ${getActivedCls(href, selectedKey)}`;
+  const combinedClassName = `${className || "text-lg font-medium text-center hover:text-purple-600 transition-colors"} ${getActivedCls(href, selectedKey)}`;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_link.default, { href, legacyBehavior: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { className: combinedClassName, children }) });
 };
 var Header_default = Header;
@@ -308,6 +305,7 @@ var Footer = ({
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600" })
   ] });
 };
+var Footer_default = Footer;
 
 // src/hooks/useForceRerender.ts
 var import_react2 = require("react");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/Button/index.tsx","../src/components/Heading/index.tsx","../src/layout/Header/index.tsx","../src/layout/Header/BreadIcon.tsx","../src/layout/Footer/index.tsx","../src/hooks/useForceRerender.ts"],"sourcesContent":["export * from './components'\nexport * from './layout'\nexport { default as useForceRerender } from './hooks/useForceRerender'\n// export * from './hooks'\n// export * from './layout'\n// export * from './theme'\n// export * from './i18n'","import React from 'react';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'primary',\n  size = 'md',\n  className = '',\n  children,\n  ...props\n}) => {\n  const baseStyles = 'rounded-full font-medium transition-colors';\n  \n  const variants = {\n    primary: 'bg-purple-600 text-white hover:bg-purple-700 shadow-lg shadow-purple-500/20',\n    secondary: 'bg-purple-50 text-purple-700 hover:bg-purple-100',\n    outline: 'border-2 border-purple-600 text-purple-600 hover:bg-purple-50'\n  };\n\n  const sizes = {\n    sm: 'px-4 py-1.5 text-sm',\n    md: 'px-6 py-2 text-sm',\n    lg: 'px-8 py-3 text-base'\n  };\n\n  const classes = `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`;\n\n  return (\n    <button className={classes} {...props}>\n      {children}\n    </button>\n  );\n}; \n\nexport default Button;","'use client';\n\nimport { motion } from 'framer-motion';\nimport { ReactNode } from 'react';\n\nexport interface HeadingProps {\n  children?: ReactNode;\n  className?: string;\n  title?: string;\n}\n\n// 頁面主標題：大標題，帶漸變色\nexport function PageTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h1\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8 }}\n      className={`text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h1>\n  );\n}\n\n// 區塊標題：中等大小，帶漸變色\nexport function SectionTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h2\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8, delay: 0.2 }}\n      className={`text-3xl font-bold text-center mb-16 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h2>\n  );\n}\n\n// 卡片標題：較小，深灰色\nexport function CardTitle({ children, title,className = '' }: HeadingProps) {\n  return (\n    <motion.h3\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-2xl font-bold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h3>\n  );\n}\n\n// 區塊子標題：最小，帶圖標位置\nexport function SubTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h4\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-lg font-semibold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h4>\n  );\n} \n\nexport default {\n  PageTitle,\n  SectionTitle,\n  CardTitle,\n  SubTitle,\n}","'use client';\nimport React, { useState } from 'react';\nimport Link from 'next/link';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport BreadIcon from './BreadIcon';\nimport { usePathname } from 'next/navigation';\nexport interface NavItem {\n  key: string;\n  href: string;\n  label: string;\n  className?: {\n    pc?: string;\n    mobile?: string;\n  };\n}\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  menuItems: NavItem[];\n  className?: string;\n  /** 是否啟用動畫效果 */\n  enableAnimation?: boolean;\n}\nconst getActivedCls = (href: string, selectedKey: string) => {\n  if(href.includes(selectedKey) || (href === '/' && selectedKey === 'home')) {\n    return 'text-purple-600';\n  }\n  return 'text-gray-600';\n}\nexport const Header: React.FC<HeaderProps> = ({\n  logo,\n  menuItems,\n  className = '',\n  enableAnimation = true,\n}) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const selectedKey = usePathname().split('/')[2] || 'home'; // todo support home\n  console.log('selectedKey>>>',selectedKey);\n  // 基礎樣式\n  const baseNavClassName = `fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 ${className}`;\n  // 動畫配置\n  const navVariants = {\n    hidden: { y: -20, opacity: 0 },\n    visible: { \n      y: 0, \n      opacity: 1,\n      transition: {\n        duration: 0.5,\n        ease: \"easeOut\"\n      }\n    }\n  };\n\n  const mobileMenuVariants = {\n    hidden: { \n      height: 0,\n      opacity: 0,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    },\n    visible: { \n      height: \"auto\",\n      opacity: 1,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    }\n  };\n\n  // 根據是否啟用動畫返回不同的組件\n  const NavComponent = enableAnimation ? motion.nav : 'nav';\n  const MobileMenuComponent = enableAnimation ? motion.div : 'div';\nconsole.log('menuItems>>>',menuItems);\n  return (\n    <NavComponent \n      className={baseNavClassName}\n      {...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        variants: navVariants\n      })}\n    >\n      <div className=\"container mx-auto px-4\">\n        <div className=\"flex items-center justify-between h-20\">\n          {/* Logo */}\n          {logo}\n\n          {/* Desktop Navigation */}\n          <nav className=\"hidden md:flex items-center space-x-8\">\n            {menuItems.map((item) => (\n              // <Link\n              // key={item.key}\n              //     href=\"/\"\n              //     className=\"flex items-center justify-center gap-2 text-lg font-bold tracking-wide transition-all duration-300 ease-in-out\"\n              // >\n              //   {item.label}\n              // </Link>\n              <NavLink key={item.key} href={item.href} className={item.className?.pc} selectedKey={selectedKey}>\n                {item.label}\n              </NavLink>\n            ))}\n          </nav>\n\n          {/* Mobile Menu Button */}\n          <button \n            onClick={() => setIsMenuOpen(!isMenuOpen)}\n            className=\"md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors\"\n          >\n            <BreadIcon isMenuOpen={isMenuOpen}/>\n          </button>\n        </div>\n\n        {/* Mobile Menu */}\n        <AnimatePresence>\n          {isMenuOpen && (\n            <MobileMenuComponent\n              className=\"md:hidden overflow-hidden\"\n              {...(enableAnimation && {\n                initial: \"hidden\",\n                animate: \"visible\",\n                exit: \"hidden\",\n                variants: mobileMenuVariants\n              })}\n            >\n              <div className=\"flex flex-col space-y-4 py-4 items-center\">\n                {menuItems.map((item) => (\n                  <motion.div\n                    key={item.key}\n                    {...(enableAnimation && {\n                      initial: { x: -20, opacity: 0 },\n                      animate: { x: 0, opacity: 1 },\n                      transition: { delay: 0.1 }\n                    })}\n                  >\n                    {\n                      menuItems.map((item) => (\n                          <MobileNavLink key={item.key} href={item.href} className={item.className?.mobile} selectedKey={selectedKey}>{item.label}</MobileNavLink>\n                      ))\n                    }\n                  </motion.div>\n                ))}\n              </div>\n            </MobileMenuComponent>\n          )}\n        </AnimatePresence>\n      </div>\n    </NavComponent>\n  );\n}; \n\n\nconst NavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-gray-600 hover:text-black transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nconst MobileNavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-lg font-medium text-center text-gray-600 hover:text-purple-600 transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nexport default Header;","export default function BreadIcon({isMenuOpen}: {isMenuOpen: boolean}) {\n    return (\n        <div className=\"w-6 h-5 relative flex flex-col justify-between\">\n              <span className={`w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? 'rotate-45 translate-y-2' : ''}`} />\n              <span className={`w-full h-0.5 bg-gray-800 transition-opacity duration-300 ${isMenuOpen ? 'opacity-0' : ''}`} />\n              <span className={`w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? '-rotate-45 -translate-y-2' : ''}`} />\n        </div>\n    )\n}","'use client';\nimport React from 'react';\nimport Link from 'next/link';\n\nexport interface FooterLink {\n  href: string;\n  title: string;\n}\n\nexport interface FooterTexts {\n  copyright: string;\n  privacy: string;\n  terms: string;\n  social: string;\n}\n\nexport interface FooterProps {\n  /** 網站基本信息 */\n  site: {\n    name: string;\n    description: string;\n  };\n  /** 導航鏈接 */\n  navigation: {\n    /** 快速鏈接區塊 */\n    quickLinks: {\n      title: string;\n      items: FooterLink[];\n    };\n    /** 社交媒體鏈接 */\n    socialLinks: FooterLink[];\n  };\n  /** 頁腳文本 */\n  texts: FooterTexts;\n  /** 自定義類名 */\n  className?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  site,\n  navigation,\n  texts,\n  className = '',\n}) => {\n  return (\n    <footer className={`relative bg-gradient-to-b from-gray-50 to-gray-100 pt-16 pb-6 ${className}`}>\n      <div className=\"absolute inset-0 bg-grid-gray-200/25 [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0.6))]\" />\n      \n      <div className=\"container mx-auto p-4 relative\">\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\n          {/* Brand Section */}\n          <div className=\"space-y-4\">\n            <h3 className=\"text-xl font-bold bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent\">\n              {site.name}\n            </h3>\n            <p className=\"text-gray-600 max-w-xs\">\n              {site.description}\n            </p>\n          </div>\n\n          {/* Quick Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {navigation.quickLinks.title}\n            </h4>\n            <nav className=\"flex flex-col space-y-2\">\n              {navigation.quickLinks.items.map((item) => (\n                <Link\n                  key={item.href}\n                  href={item.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                >\n                  {item.title}\n                </Link>\n              ))}\n            </nav>\n          </div>\n\n          {/* Social Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {texts.social}\n            </h4>\n            <div className=\"flex space-x-4\">\n              {navigation.socialLinks.map((link) => (\n                <a\n                  key={link.href}\n                  href={link.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {link.title}\n                </a>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {/* Bottom Bar */}\n        <div className=\"border-t border-gray-200 pt-6\">\n          <div className=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0\">\n            <p className=\"text-sm text-gray-600\">\n              {texts.copyright}\n            </p>\n            <div className=\"flex space-x-6\">\n              <Link href=\"/privacy\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.privacy}\n              </Link>\n              <Link href=\"/terms\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.terms}\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Decorative gradient line */}\n      <div className=\"absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600\" />\n    </footer>\n  );\n}; ","import { useState, useCallback } from 'react';\n\nconst useForceRerender = (): [number, () => void] => {\n  const [key, setKey] = useState(0);\n\n  const forceRerender = useCallback(() => {\n    setKey(prevKey => prevKey + 1);\n  }, []);\n\n  return [key, forceRerender];\n};\n\nexport default useForceRerender;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC+BI;AAxBG,IAAM,SAAgC,CAAC;AAAA,EAC5C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAa;AAEnB,QAAM,WAAW;AAAA,IACf,SAAS;AAAA,IACT,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AAEA,QAAM,QAAQ;AAAA,IACZ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAEA,QAAM,UAAU,GAAG,UAAU,IAAI,SAAS,OAAO,CAAC,IAAI,MAAM,IAAI,CAAC,IAAI,SAAS;AAE9E,SACE,4CAAC,YAAO,WAAW,SAAU,GAAG,OAC7B,UACH;AAEJ;AAEA,IAAO,iBAAQ;;;ACnCf,2BAAuB;AAYnB,IAAAA,sBAAA;AAFG,SAAS,UAAU,EAAE,UAAU,OAAO,YAAY,GAAG,GAAiB;AAC3E,SACE;AAAA,IAAC,4BAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAW,kHAAkH,SAAS;AAAA,MAErI,mBAAS;AAAA;AAAA,EACZ;AAEJ;AAGO,SAAS,aAAa,EAAE,UAAU,OAAO,YAAY,GAAG,GAAiB;AAC9E,SACE;AAAA,IAAC,4BAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,YAAY,EAAE,UAAU,KAAK,OAAO,IAAI;AAAA,MACxC,WAAW,mHAAmH,SAAS;AAAA,MAEtI,mBAAS;AAAA;AAAA,EACZ;AAEJ;AAGO,SAAS,UAAU,EAAE,UAAU,OAAM,YAAY,GAAG,GAAiB;AAC1E,SACE;AAAA,IAAC,4BAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAW,oCAAoC,SAAS;AAAA,MAEvD,mBAAS;AAAA;AAAA,EACZ;AAEJ;AAGO,SAAS,SAAS,EAAE,UAAU,OAAO,YAAY,GAAG,GAAiB;AAC1E,SACE;AAAA,IAAC,4BAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,YAAY,EAAE,UAAU,IAAI;AAAA,MAC5B,WAAW,uCAAuC,SAAS;AAAA,MAE1D,mBAAS;AAAA;AAAA,EACZ;AAEJ;;;AChEA,mBAAgC;AAChC,kBAAiB;AACjB,IAAAC,wBAAwC;;;ACDhC,IAAAC,sBAAA;AAFO,SAAR,UAA2B,EAAC,WAAU,GAA0B;AACnE,SACI,8CAAC,SAAI,WAAU,kDACT;AAAA,iDAAC,UAAK,WAAW,8DAA8D,aAAa,4BAA4B,EAAE,IAAI;AAAA,IAC9H,6CAAC,UAAK,WAAW,4DAA4D,aAAa,cAAc,EAAE,IAAI;AAAA,IAC9G,6CAAC,UAAK,WAAW,8DAA8D,aAAa,8BAA8B,EAAE,IAAI;AAAA,KACtI;AAER;;;ADHA,wBAA4B;AAiFpB,IAAAC,sBAAA;AA/DR,IAAM,gBAAgB,CAAC,MAAc,gBAAwB;AAC3D,MAAG,KAAK,SAAS,WAAW,KAAM,SAAS,OAAO,gBAAgB,QAAS;AACzE,WAAO;AAAA,EACT;AACA,SAAO;AACT;AACO,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AACpB,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,kBAAc,+BAAY,EAAE,MAAM,GAAG,EAAE,CAAC,KAAK;AACnD,UAAQ,IAAI,kBAAiB,WAAW;AAExC,QAAM,mBAAmB,2FAA2F,SAAS;AAE7H,QAAM,cAAc;AAAA,IAClB,QAAQ,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,IAC7B,SAAS;AAAA,MACP,GAAG;AAAA,MACH,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,qBAAqB;AAAA,IACzB,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,YAAY;AAAA,QACV,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAGA,QAAM,eAAe,kBAAkB,6BAAO,MAAM;AACpD,QAAM,sBAAsB,kBAAkB,6BAAO,MAAM;AAC7D,UAAQ,IAAI,gBAAe,SAAS;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACV,GAAI,mBAAmB;AAAA,QACtB,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,MACZ;AAAA,MAEA,wDAAC,SAAI,WAAU,0BACb;AAAA,sDAAC,SAAI,WAAU,0CAEZ;AAAA;AAAA,UAGD,6CAAC,SAAI,WAAU,yCACZ,oBAAU,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQd,6CAAC,WAAuB,MAAM,KAAK,MAAM,WAAW,KAAK,WAAW,IAAI,aACrE,eAAK,SADM,KAAK,GAEnB;AAAA,WACD,GACH;AAAA,UAGA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,MAAM,cAAc,CAAC,UAAU;AAAA,cACxC,WAAU;AAAA,cAEV,uDAAC,aAAU,YAAuB;AAAA;AAAA,UACpC;AAAA,WACF;AAAA,QAGA,6CAAC,yCACE,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACT,GAAI,mBAAmB;AAAA,cACtB,SAAS;AAAA,cACT,SAAS;AAAA,cACT,MAAM;AAAA,cACN,UAAU;AAAA,YACZ;AAAA,YAEA,uDAAC,SAAI,WAAU,6CACZ,oBAAU,IAAI,CAAC,SACd;AAAA,cAAC,6BAAO;AAAA,cAAP;AAAA,gBAEE,GAAI,mBAAmB;AAAA,kBACtB,SAAS,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,kBAC9B,SAAS,EAAE,GAAG,GAAG,SAAS,EAAE;AAAA,kBAC5B,YAAY,EAAE,OAAO,IAAI;AAAA,gBAC3B;AAAA,gBAGE,oBAAU,IAAI,CAACC,UACX,6CAAC,iBAA6B,MAAMA,MAAK,MAAM,WAAWA,MAAK,WAAW,QAAQ,aAA2B,UAAAA,MAAK,SAA9FA,MAAK,GAA+F,CAC3H;AAAA;AAAA,cAVE,KAAK;AAAA,YAYZ,CACD,GACH;AAAA;AAAA,QACF,GAEJ;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAGA,IAAM,UAAU,CAAC,EAAE,MAAM,UAAU,WAAW,YAAY,MAA4F;AACpJ,QAAM,oBAAoB,GAAG,aAAa,kDAAkD,IAAI,cAAc,MAAM,WAAW,CAAC;AAChI,SACE,6CAAC,YAAAC,SAAA,EAAK,MAAY,gBAAc,MAC9B,uDAAC,OAAE,WAAW,mBAAoB,UAAS,GAC7C;AAEJ;AAEA,IAAM,gBAAgB,CAAC,EAAE,MAAM,UAAU,WAAW,YAAY,MAA4F;AAC1J,QAAM,oBAAoB,GAAG,aAAa,uFAAuF,IAAI,cAAc,MAAM,WAAW,CAAC;AACrK,SACE,6CAAC,YAAAA,SAAA,EAAK,MAAY,gBAAc,MAC9B,uDAAC,OAAE,WAAW,mBAAoB,UAAS,GAC7C;AAEJ;AAEA,IAAO,iBAAQ;;;AE1Kf,IAAAC,eAAiB;AA4CX,IAAAC,sBAAA;AARC,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE,8CAAC,YAAO,WAAW,iEAAiE,SAAS,IAC3F;AAAA,iDAAC,SAAI,WAAU,uGAAsG;AAAA,IAErH,8CAAC,SAAI,WAAU,kCACb;AAAA,oDAAC,SAAI,WAAU,+CAEb;AAAA,sDAAC,SAAI,WAAU,aACb;AAAA,uDAAC,QAAG,WAAU,gGACX,eAAK,MACR;AAAA,UACA,6CAAC,OAAE,WAAU,0BACV,eAAK,aACR;AAAA,WACF;AAAA,QAGA,8CAAC,SAAI,WAAU,aACb;AAAA,uDAAC,QAAG,WAAU,iDACX,qBAAW,WAAW,OACzB;AAAA,UACA,6CAAC,SAAI,WAAU,2BACZ,qBAAW,WAAW,MAAM,IAAI,CAAC,SAChC;AAAA,YAAC,aAAAC;AAAA,YAAA;AAAA,cAEC,MAAM,KAAK;AAAA,cACX,WAAU;AAAA,cAET,eAAK;AAAA;AAAA,YAJD,KAAK;AAAA,UAKZ,CACD,GACH;AAAA,WACF;AAAA,QAGA,8CAAC,SAAI,WAAU,aACb;AAAA,uDAAC,QAAG,WAAU,iDACX,gBAAM,QACT;AAAA,UACA,6CAAC,SAAI,WAAU,kBACZ,qBAAW,YAAY,IAAI,CAAC,SAC3B;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,KAAK;AAAA,cACX,WAAU;AAAA,cACV,QAAO;AAAA,cACP,KAAI;AAAA,cAEH,eAAK;AAAA;AAAA,YAND,KAAK;AAAA,UAOZ,CACD,GACH;AAAA,WACF;AAAA,SACF;AAAA,MAGA,6CAAC,SAAI,WAAU,iCACb,wDAAC,SAAI,WAAU,iFACb;AAAA,qDAAC,OAAE,WAAU,yBACV,gBAAM,WACT;AAAA,QACA,8CAAC,SAAI,WAAU,kBACb;AAAA,uDAAC,aAAAA,SAAA,EAAK,MAAK,YAAW,WAAU,iEAC7B,gBAAM,SACT;AAAA,UACA,6CAAC,aAAAA,SAAA,EAAK,MAAK,UAAS,WAAU,iEAC3B,gBAAM,OACT;AAAA,WACF;AAAA,SACF,GACF;AAAA,OACF;AAAA,IAGA,6CAAC,SAAI,WAAU,iGAAgG;AAAA,KACjH;AAEJ;;;ACzHA,IAAAC,gBAAsC;AAEtC,IAAM,mBAAmB,MAA4B;AACnD,QAAM,CAAC,KAAK,MAAM,QAAI,wBAAS,CAAC;AAEhC,QAAM,oBAAgB,2BAAY,MAAM;AACtC,WAAO,aAAW,UAAU,CAAC;AAAA,EAC/B,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,KAAK,aAAa;AAC5B;AAEA,IAAO,2BAAQ;","names":["import_jsx_runtime","import_framer_motion","import_jsx_runtime","import_jsx_runtime","item","Link","import_link","import_jsx_runtime","Link","import_react"]}
+{"version":3,"sources":["../src/index.ts","../src/components/Button/index.tsx","../src/components/Heading/index.tsx","../src/layout/Header/index.tsx","../src/layout/Header/BreadIcon.tsx","../src/layout/Footer/index.tsx","../src/hooks/useForceRerender.ts"],"sourcesContent":["export * from './components'\nexport * from './layout'\nexport { default as useForceRerender } from './hooks/useForceRerender'\n// export * from './hooks'\n// export * from './layout'\n// export * from './theme'\n// export * from './i18n'","import React from 'react';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'primary',\n  size = 'md',\n  className = '',\n  children,\n  ...props\n}) => {\n  const baseStyles = 'rounded-full font-medium transition-colors';\n  \n  const variants = {\n    primary: 'bg-purple-600 text-white hover:bg-purple-700 shadow-lg shadow-purple-500/20',\n    secondary: 'bg-purple-50 text-purple-700 hover:bg-purple-100',\n    outline: 'border-2 border-purple-600 text-purple-600 hover:bg-purple-50'\n  };\n\n  const sizes = {\n    sm: 'px-4 py-1.5 text-sm',\n    md: 'px-6 py-2 text-sm',\n    lg: 'px-8 py-3 text-base'\n  };\n\n  const classes = `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`;\n\n  return (\n    <button className={classes} {...props}>\n      {children}\n    </button>\n  );\n}; \n\nexport default Button;","'use client';\n\nimport { motion } from 'framer-motion';\nimport { ReactNode } from 'react';\n\nexport interface HeadingProps {\n  children?: ReactNode;\n  className?: string;\n  title?: string;\n}\n\n// 頁面主標題：大標題，帶漸變色\nexport function PageTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h1\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8 }}\n      className={`text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h1>\n  );\n}\n\n// 區塊標題：中等大小，帶漸變色\nexport function SectionTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h2\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8, delay: 0.2 }}\n      className={`text-3xl font-bold text-center mb-16 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h2>\n  );\n}\n\n// 卡片標題：較小，深灰色\nexport function CardTitle({ children, title,className = '' }: HeadingProps) {\n  return (\n    <motion.h3\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-2xl font-bold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h3>\n  );\n}\n\n// 區塊子標題：最小，帶圖標位置\nexport function SubTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h4\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-lg font-semibold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h4>\n  );\n} \n\nexport default {\n  PageTitle,\n  SectionTitle,\n  CardTitle,\n  SubTitle,\n}","'use client';\nimport React, { useState } from 'react';\nimport classNames from 'classnames';\nimport Link from 'next/link';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport BreadIcon from './BreadIcon';\nimport { usePathname } from 'next/navigation';\nexport interface NavItem {\n  key: string;\n  href: string;\n  label: string;\n  className?: {\n    pc?: string;\n    mobile?: string;\n  };\n}\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  menuItems: NavItem[];\n  className?: string;\n  /** 是否啟用動畫效果 */\n  enableAnimation?: boolean;\n}\nconst getActivedCls = (href: string, selectedKey: string) => {\n  if(href.includes(selectedKey) || (href === '/' && selectedKey === 'home')) {\n    return 'text-purple-600';\n  }\n  return '';\n}\nexport const Header: React.FC<HeaderProps> = ({\n  logo,\n  menuItems,\n  className = '',\n  enableAnimation = true,\n}) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const selectedKey = usePathname().split('/')[2] || 'home';\n  // 如何解决className 重复的问题，传入值与默认值有重复\n  const baseNavClassName = classNames(`fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 text-gray-600`, className);\n\n  // 動畫配置\n  const navVariants = {\n    hidden: { y: -20, opacity: 0 },\n    visible: { \n      y: 0, \n      opacity: 1,\n      transition: {\n        duration: 0.5,\n        ease: \"easeOut\"\n      }\n    }\n  };\n\n  // 根據是否啟用動畫返回不同的組件\n  const HeaderWrapper = enableAnimation ? motion.header : 'header';\n  return (\n    <HeaderWrapper \n      className={baseNavClassName}\n      {...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        variants: navVariants\n      })}\n    >\n      <div className='container flex items-center justify-between p-4'>\n        {logo}\n        {/* Desktop Navigation */}\n        <DesktopNav menuItems={menuItems} selectedKey={selectedKey} enableAnimation={enableAnimation} />\n        <MobileMenuBtn menuItems={menuItems} selectedKey={selectedKey} setIsMenuOpen={setIsMenuOpen} isMenuOpen={isMenuOpen} />\n      </div>\n      {/* Mobile Menu */}\n      <AnimatePresence>\n        {isMenuOpen && (\n          <MobileNav menuItems={menuItems} selectedKey={selectedKey} enableAnimation={enableAnimation} />\n        )}\n      </AnimatePresence>\n    </HeaderWrapper>\n  );\n}; \nconst DesktopNav = ({ menuItems, selectedKey, enableAnimation }: { menuItems: NavItem[], selectedKey: string, enableAnimation: boolean }) => {\n  return (\n    <nav className='hidden md:flex items-center space-x-8'>\n      {menuItems.map((item) => (\n        <NavLink key={item.key} href={item.href} selectedKey={selectedKey} className={item.className?.pc}>{item.label}</NavLink>\n      ))}\n    </nav>\n  )\n}\n\nconst MobileNav = ({ menuItems, selectedKey, enableAnimation }: { menuItems: NavItem[], selectedKey: string, enableAnimation: boolean }) => {\n  const MobileMenuComponent = enableAnimation ? motion.div : 'div';\n  const mobileMenuVariants = {\n    hidden: { \n      height: 0,\n      opacity: 0,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    },\n    visible: { \n      height: \"auto\",\n      opacity: 1,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    }\n  };\n  return (\n    <MobileMenuComponent className='md:hidden overflow-hidden'\n    {\n      ...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        exit: \"hidden\",\n        variants: mobileMenuVariants\n      })\n    }>\n      <nav className='flex flex-col space-y-4 py-4 items-center'>\n        {menuItems.map((item) => (\n          <MobileMenuComponent key={item.key} {...(enableAnimation && {\n              initial: { x: -20, opacity: 0 },\n              animate: { x: 0, opacity: 1 },\n              transition: { delay: 0.1 }\n            })}>\n            <MobileNavLink href={item.href} selectedKey={selectedKey} className={item.className?.mobile}>{item.label}</MobileNavLink>\n          </MobileMenuComponent>\n        ))}\n      </nav>\n    </MobileMenuComponent>\n  )\n}\n\nconst MobileMenuBtn = ({ setIsMenuOpen, isMenuOpen }: { menuItems: NavItem[], selectedKey: string, setIsMenuOpen: (isMenuOpen: boolean) => void, isMenuOpen: boolean }) => {\n  return (\n      <button \n          onClick={() => setIsMenuOpen(!isMenuOpen)}\n          className=\"md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors\"\n        >\n        <BreadIcon isMenuOpen={isMenuOpen}/>\n    </button>\n  )\n}\n\nconst NavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = classNames(\n    className || 'hover:text-black transition-colors',\n    getActivedCls(href, selectedKey)\n  );\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nconst MobileNavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-lg font-medium text-center hover:text-purple-600 transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nexport default Header;","const spanDefaultCls= 'w-full h-0.5 bg-black transition-transform duration-300'\nconst spanOpacityCls= 'w-full h-0.5 bg-black transition-opacity duration-300'\n\nexport default function BreadIcon({isMenuOpen}: {isMenuOpen: boolean}) {\n    return (\n        <div className=\"w-6 h-5 relative flex flex-col justify-between\">\n              <span className={`${spanDefaultCls} ${isMenuOpen ? 'rotate-45 translate-y-2' : ''}`} />\n              <span className={`${spanOpacityCls} ${isMenuOpen ? 'opacity-0' : ''}`} />\n              <span className={`${spanDefaultCls} ${isMenuOpen ? '-rotate-45 -translate-y-2' : ''}`} />\n        </div>\n    )\n}","'use client';\nimport React from 'react';\nimport Link from 'next/link';\n\nexport interface FooterLink {\n  href: string;\n  title: string;\n}\n\nexport interface FooterTexts {\n  copyright: string;\n  privacy: string;\n  terms: string;\n  social: string;\n}\n\nexport interface FooterProps {\n  /** 網站基本信息 */\n  site: {\n    name: string;\n    description: string;\n  };\n  /** 導航鏈接 */\n  navigation: {\n    /** 快速鏈接區塊 */\n    quickLinks: {\n      title: string;\n      items: FooterLink[];\n    };\n    /** 社交媒體鏈接 */\n    socialLinks: FooterLink[];\n  };\n  /** 頁腳文本 */\n  texts: FooterTexts;\n  /** 自定義類名 */\n  className?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  site,\n  navigation,\n  texts,\n  className = '',\n}) => {\n  return (\n    <footer className={`relative bg-gradient-to-b from-gray-50 to-gray-100 pt-16 pb-6 ${className}`}>\n      <div className=\"absolute inset-0 bg-grid-gray-200/25 [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0.6))]\" />\n      \n      <div className=\"container mx-auto p-4 relative\">\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\n          {/* Brand Section */}\n          <div className=\"space-y-4\">\n            <h3 className=\"text-xl font-bold bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent\">\n              {site.name}\n            </h3>\n            <p className=\"text-gray-600 max-w-xs\">\n              {site.description}\n            </p>\n          </div>\n\n          {/* Quick Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {navigation.quickLinks.title}\n            </h4>\n            <nav className=\"flex flex-col space-y-2\">\n              {navigation.quickLinks.items.map((item) => (\n                <Link\n                  key={item.href}\n                  href={item.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                >\n                  {item.title}\n                </Link>\n              ))}\n            </nav>\n          </div>\n\n          {/* Social Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {texts.social}\n            </h4>\n            <div className=\"flex space-x-4\">\n              {navigation.socialLinks.map((link) => (\n                <a\n                  key={link.href}\n                  href={link.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {link.title}\n                </a>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {/* Bottom Bar */}\n        <div className=\"border-t border-gray-200 pt-6\">\n          <div className=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0\">\n            <p className=\"text-sm text-gray-600\">\n              {texts.copyright}\n            </p>\n            <div className=\"flex space-x-6\">\n              <Link href=\"/privacy\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.privacy}\n              </Link>\n              <Link href=\"/terms\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.terms}\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Decorative gradient line */}\n      <div className=\"absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600\" />\n    </footer>\n  );\n}; \n\nexport default Footer;","import { useState, useCallback } from 'react';\n\nconst useForceRerender = (): [number, () => void] => {\n  const [key, setKey] = useState(0);\n\n  const forceRerender = useCallback(() => {\n    setKey(prevKey => prevKey + 1);\n  }, []);\n\n  return [key, forceRerender];\n};\n\nexport default useForceRerender;"],"mappings":"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","names":["import_jsx_runtime","import_framer_motion","import_jsx_runtime","import_jsx_runtime","classNames","Link","import_link","import_jsx_runtime","Link","import_react"]}

package/dist/index.mjs

@@ -77,16 +77,19 @@ function SubTitle({ children, title, className = "" }) {
 
 // src/layout/Header/index.tsx
 import { useState } from "react";
+import classNames from "classnames";
 import Link from "next/link";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 
 // src/layout/Header/BreadIcon.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var spanDefaultCls = "w-full h-0.5 bg-black transition-transform duration-300";
+var spanOpacityCls = "w-full h-0.5 bg-black transition-opacity duration-300";
 function BreadIcon({ isMenuOpen }) {
   return /* @__PURE__ */ jsxs("div", { className: "w-6 h-5 relative flex flex-col justify-between", children: [
-    /* @__PURE__ */ jsx3("span", { className: `w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? "rotate-45 translate-y-2" : ""}` }),
-    /* @__PURE__ */ jsx3("span", { className: `w-full h-0.5 bg-gray-800 transition-opacity duration-300 ${isMenuOpen ? "opacity-0" : ""}` }),
-    /* @__PURE__ */ jsx3("span", { className: `w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? "-rotate-45 -translate-y-2" : ""}` })
+    /* @__PURE__ */ jsx3("span", { className: `${spanDefaultCls} ${isMenuOpen ? "rotate-45 translate-y-2" : ""}` }),
+    /* @__PURE__ */ jsx3("span", { className: `${spanOpacityCls} ${isMenuOpen ? "opacity-0" : ""}` }),
+    /* @__PURE__ */ jsx3("span", { className: `${spanDefaultCls} ${isMenuOpen ? "-rotate-45 -translate-y-2" : ""}` })
   ] });
 }
 
@@ -97,7 +100,7 @@ var getActivedCls = (href, selectedKey) => {
   if (href.includes(selectedKey) || href === "/" && selectedKey === "home") {
     return "text-purple-600";
   }
-  return "text-gray-600";
+  return "";
 };
 var Header = ({
   logo,
@@ -107,8 +110,7 @@ var Header = ({
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const selectedKey = usePathname().split("/")[2] || "home";
-  console.log("selectedKey>>>", selectedKey);
-  const baseNavClassName = `fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 ${className}`;
+  const baseNavClassName = classNames(`fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 text-gray-600`, className);
   const navVariants = {
     hidden: { y: -20, opacity: 0 },
     visible: {
@@ -120,6 +122,32 @@ var Header = ({
       }
     }
   };
+  const HeaderWrapper = enableAnimation ? motion2.header : "header";
+  return /* @__PURE__ */ jsxs2(
+    HeaderWrapper,
+    {
+      className: baseNavClassName,
+      ...enableAnimation && {
+        initial: "hidden",
+        animate: "visible",
+        variants: navVariants
+      },
+      children: [
+        /* @__PURE__ */ jsxs2("div", { className: "container flex items-center justify-between p-4", children: [
+          logo,
+          /* @__PURE__ */ jsx4(DesktopNav, { menuItems, selectedKey, enableAnimation }),
+          /* @__PURE__ */ jsx4(MobileMenuBtn, { menuItems, selectedKey, setIsMenuOpen, isMenuOpen })
+        ] }),
+        /* @__PURE__ */ jsx4(AnimatePresence, { children: isMenuOpen && /* @__PURE__ */ jsx4(MobileNav, { menuItems, selectedKey, enableAnimation }) })
+      ]
+    }
+  );
+};
+var DesktopNav = ({ menuItems, selectedKey, enableAnimation }) => {
+  return /* @__PURE__ */ jsx4("nav", { className: "hidden md:flex items-center space-x-8", children: menuItems.map((item) => /* @__PURE__ */ jsx4(NavLink, { href: item.href, selectedKey, className: item.className?.pc, children: item.label }, item.key)) });
+};
+var MobileNav = ({ menuItems, selectedKey, enableAnimation }) => {
+  const MobileMenuComponent = enableAnimation ? motion2.div : "div";
   const mobileMenuVariants = {
     hidden: {
       height: 0,
@@ -138,74 +166,43 @@ var Header = ({
       }
     }
   };
-  const NavComponent = enableAnimation ? motion2.nav : "nav";
-  const MobileMenuComponent = enableAnimation ? motion2.div : "div";
-  console.log("menuItems>>>", menuItems);
   return /* @__PURE__ */ jsx4(
-    NavComponent,
+    MobileMenuComponent,
     {
-      className: baseNavClassName,
+      className: "md:hidden overflow-hidden",
       ...enableAnimation && {
         initial: "hidden",
         animate: "visible",
-        variants: navVariants
+        exit: "hidden",
+        variants: mobileMenuVariants
       },
-      children: /* @__PURE__ */ jsxs2("div", { className: "container mx-auto px-4", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between h-20", children: [
-          logo,
-          /* @__PURE__ */ jsx4("nav", { className: "hidden md:flex items-center space-x-8", children: menuItems.map((item) => (
-            // <Link
-            // key={item.key}
-            //     href="/"
-            //     className="flex items-center justify-center gap-2 text-lg font-bold tracking-wide transition-all duration-300 ease-in-out"
-            // >
-            //   {item.label}
-            // </Link>
-            /* @__PURE__ */ jsx4(NavLink, { href: item.href, className: item.className?.pc, selectedKey, children: item.label }, item.key)
-          )) }),
-          /* @__PURE__ */ jsx4(
-            "button",
-            {
-              onClick: () => setIsMenuOpen(!isMenuOpen),
-              className: "md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors",
-              children: /* @__PURE__ */ jsx4(BreadIcon, { isMenuOpen })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx4(AnimatePresence, { children: isMenuOpen && /* @__PURE__ */ jsx4(
-          MobileMenuComponent,
-          {
-            className: "md:hidden overflow-hidden",
-            ...enableAnimation && {
-              initial: "hidden",
-              animate: "visible",
-              exit: "hidden",
-              variants: mobileMenuVariants
-            },
-            children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col space-y-4 py-4 items-center", children: menuItems.map((item) => /* @__PURE__ */ jsx4(
-              motion2.div,
-              {
-                ...enableAnimation && {
-                  initial: { x: -20, opacity: 0 },
-                  animate: { x: 0, opacity: 1 },
-                  transition: { delay: 0.1 }
-                },
-                children: menuItems.map((item2) => /* @__PURE__ */ jsx4(MobileNavLink, { href: item2.href, className: item2.className?.mobile, selectedKey, children: item2.label }, item2.key))
-              },
-              item.key
-            )) })
-          }
-        ) })
-      ] })
+      children: /* @__PURE__ */ jsx4("nav", { className: "flex flex-col space-y-4 py-4 items-center", children: menuItems.map((item) => /* @__PURE__ */ jsx4(MobileMenuComponent, { ...enableAnimation && {
+        initial: { x: -20, opacity: 0 },
+        animate: { x: 0, opacity: 1 },
+        transition: { delay: 0.1 }
+      }, children: /* @__PURE__ */ jsx4(MobileNavLink, { href: item.href, selectedKey, className: item.className?.mobile, children: item.label }) }, item.key)) })
+    }
+  );
+};
+var MobileMenuBtn = ({ setIsMenuOpen, isMenuOpen }) => {
+  return /* @__PURE__ */ jsx4(
+    "button",
+    {
+      onClick: () => setIsMenuOpen(!isMenuOpen),
+      className: "md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors",
+      children: /* @__PURE__ */ jsx4(BreadIcon, { isMenuOpen })
     }
   );
 };
 var NavLink = ({ href, children, className, selectedKey }) => {
-  const combinedClassName = `${className || "text-gray-600 hover:text-black transition-colors"} ${getActivedCls(href, selectedKey)}`;
+  const combinedClassName = classNames(
+    className || "hover:text-black transition-colors",
+    getActivedCls(href, selectedKey)
+  );
   return /* @__PURE__ */ jsx4(Link, { href, legacyBehavior: true, children: /* @__PURE__ */ jsx4("a", { className: combinedClassName, children }) });
 };
 var MobileNavLink = ({ href, children, className, selectedKey }) => {
-  const combinedClassName = `${className || "text-lg font-medium text-center text-gray-600 hover:text-purple-600 transition-colors"} ${getActivedCls(href, selectedKey)}`;
+  const combinedClassName = `${className || "text-lg font-medium text-center hover:text-purple-600 transition-colors"} ${getActivedCls(href, selectedKey)}`;
   return /* @__PURE__ */ jsx4(Link, { href, legacyBehavior: true, children: /* @__PURE__ */ jsx4("a", { className: combinedClassName, children }) });
 };
 var Header_default = Header;
@@ -265,6 +262,7 @@ var Footer = ({
     /* @__PURE__ */ jsx5("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600" })
   ] });
 };
+var Footer_default = Footer;
 
 // src/hooks/useForceRerender.ts
 import { useState as useState2, useCallback } from "react";
@@ -279,7 +277,7 @@ var useForceRerender_default = useForceRerender;
 export {
   Button_default as Button,
   CardTitle,
-  Footer,
+  Footer_default as Footer,
   Header_default as Header,
   PageTitle,
   SectionTitle,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/index.tsx","../src/components/Heading/index.tsx","../src/layout/Header/index.tsx","../src/layout/Header/BreadIcon.tsx","../src/layout/Footer/index.tsx","../src/hooks/useForceRerender.ts"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'primary',\n  size = 'md',\n  className = '',\n  children,\n  ...props\n}) => {\n  const baseStyles = 'rounded-full font-medium transition-colors';\n  \n  const variants = {\n    primary: 'bg-purple-600 text-white hover:bg-purple-700 shadow-lg shadow-purple-500/20',\n    secondary: 'bg-purple-50 text-purple-700 hover:bg-purple-100',\n    outline: 'border-2 border-purple-600 text-purple-600 hover:bg-purple-50'\n  };\n\n  const sizes = {\n    sm: 'px-4 py-1.5 text-sm',\n    md: 'px-6 py-2 text-sm',\n    lg: 'px-8 py-3 text-base'\n  };\n\n  const classes = `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`;\n\n  return (\n    <button className={classes} {...props}>\n      {children}\n    </button>\n  );\n}; \n\nexport default Button;","'use client';\n\nimport { motion } from 'framer-motion';\nimport { ReactNode } from 'react';\n\nexport interface HeadingProps {\n  children?: ReactNode;\n  className?: string;\n  title?: string;\n}\n\n// 頁面主標題：大標題，帶漸變色\nexport function PageTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h1\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8 }}\n      className={`text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h1>\n  );\n}\n\n// 區塊標題：中等大小，帶漸變色\nexport function SectionTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h2\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8, delay: 0.2 }}\n      className={`text-3xl font-bold text-center mb-16 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h2>\n  );\n}\n\n// 卡片標題：較小，深灰色\nexport function CardTitle({ children, title,className = '' }: HeadingProps) {\n  return (\n    <motion.h3\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-2xl font-bold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h3>\n  );\n}\n\n// 區塊子標題：最小，帶圖標位置\nexport function SubTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h4\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-lg font-semibold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h4>\n  );\n} \n\nexport default {\n  PageTitle,\n  SectionTitle,\n  CardTitle,\n  SubTitle,\n}","'use client';\nimport React, { useState } from 'react';\nimport Link from 'next/link';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport BreadIcon from './BreadIcon';\nimport { usePathname } from 'next/navigation';\nexport interface NavItem {\n  key: string;\n  href: string;\n  label: string;\n  className?: {\n    pc?: string;\n    mobile?: string;\n  };\n}\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  menuItems: NavItem[];\n  className?: string;\n  /** 是否啟用動畫效果 */\n  enableAnimation?: boolean;\n}\nconst getActivedCls = (href: string, selectedKey: string) => {\n  if(href.includes(selectedKey) || (href === '/' && selectedKey === 'home')) {\n    return 'text-purple-600';\n  }\n  return 'text-gray-600';\n}\nexport const Header: React.FC<HeaderProps> = ({\n  logo,\n  menuItems,\n  className = '',\n  enableAnimation = true,\n}) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const selectedKey = usePathname().split('/')[2] || 'home'; // todo support home\n  console.log('selectedKey>>>',selectedKey);\n  // 基礎樣式\n  const baseNavClassName = `fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 ${className}`;\n  // 動畫配置\n  const navVariants = {\n    hidden: { y: -20, opacity: 0 },\n    visible: { \n      y: 0, \n      opacity: 1,\n      transition: {\n        duration: 0.5,\n        ease: \"easeOut\"\n      }\n    }\n  };\n\n  const mobileMenuVariants = {\n    hidden: { \n      height: 0,\n      opacity: 0,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    },\n    visible: { \n      height: \"auto\",\n      opacity: 1,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    }\n  };\n\n  // 根據是否啟用動畫返回不同的組件\n  const NavComponent = enableAnimation ? motion.nav : 'nav';\n  const MobileMenuComponent = enableAnimation ? motion.div : 'div';\nconsole.log('menuItems>>>',menuItems);\n  return (\n    <NavComponent \n      className={baseNavClassName}\n      {...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        variants: navVariants\n      })}\n    >\n      <div className=\"container mx-auto px-4\">\n        <div className=\"flex items-center justify-between h-20\">\n          {/* Logo */}\n          {logo}\n\n          {/* Desktop Navigation */}\n          <nav className=\"hidden md:flex items-center space-x-8\">\n            {menuItems.map((item) => (\n              // <Link\n              // key={item.key}\n              //     href=\"/\"\n              //     className=\"flex items-center justify-center gap-2 text-lg font-bold tracking-wide transition-all duration-300 ease-in-out\"\n              // >\n              //   {item.label}\n              // </Link>\n              <NavLink key={item.key} href={item.href} className={item.className?.pc} selectedKey={selectedKey}>\n                {item.label}\n              </NavLink>\n            ))}\n          </nav>\n\n          {/* Mobile Menu Button */}\n          <button \n            onClick={() => setIsMenuOpen(!isMenuOpen)}\n            className=\"md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors\"\n          >\n            <BreadIcon isMenuOpen={isMenuOpen}/>\n          </button>\n        </div>\n\n        {/* Mobile Menu */}\n        <AnimatePresence>\n          {isMenuOpen && (\n            <MobileMenuComponent\n              className=\"md:hidden overflow-hidden\"\n              {...(enableAnimation && {\n                initial: \"hidden\",\n                animate: \"visible\",\n                exit: \"hidden\",\n                variants: mobileMenuVariants\n              })}\n            >\n              <div className=\"flex flex-col space-y-4 py-4 items-center\">\n                {menuItems.map((item) => (\n                  <motion.div\n                    key={item.key}\n                    {...(enableAnimation && {\n                      initial: { x: -20, opacity: 0 },\n                      animate: { x: 0, opacity: 1 },\n                      transition: { delay: 0.1 }\n                    })}\n                  >\n                    {\n                      menuItems.map((item) => (\n                          <MobileNavLink key={item.key} href={item.href} className={item.className?.mobile} selectedKey={selectedKey}>{item.label}</MobileNavLink>\n                      ))\n                    }\n                  </motion.div>\n                ))}\n              </div>\n            </MobileMenuComponent>\n          )}\n        </AnimatePresence>\n      </div>\n    </NavComponent>\n  );\n}; \n\n\nconst NavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-gray-600 hover:text-black transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nconst MobileNavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-lg font-medium text-center text-gray-600 hover:text-purple-600 transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nexport default Header;","export default function BreadIcon({isMenuOpen}: {isMenuOpen: boolean}) {\n    return (\n        <div className=\"w-6 h-5 relative flex flex-col justify-between\">\n              <span className={`w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? 'rotate-45 translate-y-2' : ''}`} />\n              <span className={`w-full h-0.5 bg-gray-800 transition-opacity duration-300 ${isMenuOpen ? 'opacity-0' : ''}`} />\n              <span className={`w-full h-0.5 bg-gray-800 transition-transform duration-300 ${isMenuOpen ? '-rotate-45 -translate-y-2' : ''}`} />\n        </div>\n    )\n}","'use client';\nimport React from 'react';\nimport Link from 'next/link';\n\nexport interface FooterLink {\n  href: string;\n  title: string;\n}\n\nexport interface FooterTexts {\n  copyright: string;\n  privacy: string;\n  terms: string;\n  social: string;\n}\n\nexport interface FooterProps {\n  /** 網站基本信息 */\n  site: {\n    name: string;\n    description: string;\n  };\n  /** 導航鏈接 */\n  navigation: {\n    /** 快速鏈接區塊 */\n    quickLinks: {\n      title: string;\n      items: FooterLink[];\n    };\n    /** 社交媒體鏈接 */\n    socialLinks: FooterLink[];\n  };\n  /** 頁腳文本 */\n  texts: FooterTexts;\n  /** 自定義類名 */\n  className?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  site,\n  navigation,\n  texts,\n  className = '',\n}) => {\n  return (\n    <footer className={`relative bg-gradient-to-b from-gray-50 to-gray-100 pt-16 pb-6 ${className}`}>\n      <div className=\"absolute inset-0 bg-grid-gray-200/25 [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0.6))]\" />\n      \n      <div className=\"container mx-auto p-4 relative\">\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\n          {/* Brand Section */}\n          <div className=\"space-y-4\">\n            <h3 className=\"text-xl font-bold bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent\">\n              {site.name}\n            </h3>\n            <p className=\"text-gray-600 max-w-xs\">\n              {site.description}\n            </p>\n          </div>\n\n          {/* Quick Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {navigation.quickLinks.title}\n            </h4>\n            <nav className=\"flex flex-col space-y-2\">\n              {navigation.quickLinks.items.map((item) => (\n                <Link\n                  key={item.href}\n                  href={item.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                >\n                  {item.title}\n                </Link>\n              ))}\n            </nav>\n          </div>\n\n          {/* Social Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {texts.social}\n            </h4>\n            <div className=\"flex space-x-4\">\n              {navigation.socialLinks.map((link) => (\n                <a\n                  key={link.href}\n                  href={link.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {link.title}\n                </a>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {/* Bottom Bar */}\n        <div className=\"border-t border-gray-200 pt-6\">\n          <div className=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0\">\n            <p className=\"text-sm text-gray-600\">\n              {texts.copyright}\n            </p>\n            <div className=\"flex space-x-6\">\n              <Link href=\"/privacy\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.privacy}\n              </Link>\n              <Link href=\"/terms\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.terms}\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Decorative gradient line */}\n      <div className=\"absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600\" />\n    </footer>\n  );\n}; ","import { useState, useCallback } from 'react';\n\nconst useForceRerender = (): [number, () => void] => {\n  const [key, setKey] = useState(0);\n\n  const forceRerender = useCallback(() => {\n    setKey(prevKey => prevKey + 1);\n  }, []);\n\n  return [key, forceRerender];\n};\n\nexport default useForceRerender;"],"mappings":"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","names":["jsx","motion","jsx","jsx","jsxs","motion","item","Link","jsx","jsxs","useState"]}
+{"version":3,"sources":["../src/components/Button/index.tsx","../src/components/Heading/index.tsx","../src/layout/Header/index.tsx","../src/layout/Header/BreadIcon.tsx","../src/layout/Footer/index.tsx","../src/hooks/useForceRerender.ts"],"sourcesContent":["import React from 'react';\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: 'primary' | 'secondary' | 'outline';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant = 'primary',\n  size = 'md',\n  className = '',\n  children,\n  ...props\n}) => {\n  const baseStyles = 'rounded-full font-medium transition-colors';\n  \n  const variants = {\n    primary: 'bg-purple-600 text-white hover:bg-purple-700 shadow-lg shadow-purple-500/20',\n    secondary: 'bg-purple-50 text-purple-700 hover:bg-purple-100',\n    outline: 'border-2 border-purple-600 text-purple-600 hover:bg-purple-50'\n  };\n\n  const sizes = {\n    sm: 'px-4 py-1.5 text-sm',\n    md: 'px-6 py-2 text-sm',\n    lg: 'px-8 py-3 text-base'\n  };\n\n  const classes = `${baseStyles} ${variants[variant]} ${sizes[size]} ${className}`;\n\n  return (\n    <button className={classes} {...props}>\n      {children}\n    </button>\n  );\n}; \n\nexport default Button;","'use client';\n\nimport { motion } from 'framer-motion';\nimport { ReactNode } from 'react';\n\nexport interface HeadingProps {\n  children?: ReactNode;\n  className?: string;\n  title?: string;\n}\n\n// 頁面主標題：大標題，帶漸變色\nexport function PageTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h1\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8 }}\n      className={`text-4xl md:text-5xl font-bold mb-6 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h1>\n  );\n}\n\n// 區塊標題：中等大小，帶漸變色\nexport function SectionTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h2\n      initial={{ opacity: 0, y: 20 }}\n      animate={{ opacity: 1, y: 0 }}\n      transition={{ duration: 0.8, delay: 0.2 }}\n      className={`text-3xl font-bold text-center mb-16 bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent ${className}`}\n    >\n      {title || children}\n    </motion.h2>\n  );\n}\n\n// 卡片標題：較小，深灰色\nexport function CardTitle({ children, title,className = '' }: HeadingProps) {\n  return (\n    <motion.h3\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-2xl font-bold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h3>\n  );\n}\n\n// 區塊子標題：最小，帶圖標位置\nexport function SubTitle({ children, title, className = '' }: HeadingProps) {\n  return (\n    <motion.h4\n      initial={{ opacity: 0 }}\n      animate={{ opacity: 1 }}\n      transition={{ duration: 0.5 }}\n      className={`text-lg font-semibold text-gray-800 ${className}`}\n    >\n      {title || children}\n    </motion.h4>\n  );\n} \n\nexport default {\n  PageTitle,\n  SectionTitle,\n  CardTitle,\n  SubTitle,\n}","'use client';\nimport React, { useState } from 'react';\nimport classNames from 'classnames';\nimport Link from 'next/link';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport BreadIcon from './BreadIcon';\nimport { usePathname } from 'next/navigation';\nexport interface NavItem {\n  key: string;\n  href: string;\n  label: string;\n  className?: {\n    pc?: string;\n    mobile?: string;\n  };\n}\n\nexport interface HeaderProps {\n  logo: React.ReactNode;\n  menuItems: NavItem[];\n  className?: string;\n  /** 是否啟用動畫效果 */\n  enableAnimation?: boolean;\n}\nconst getActivedCls = (href: string, selectedKey: string) => {\n  if(href.includes(selectedKey) || (href === '/' && selectedKey === 'home')) {\n    return 'text-purple-600';\n  }\n  return '';\n}\nexport const Header: React.FC<HeaderProps> = ({\n  logo,\n  menuItems,\n  className = '',\n  enableAnimation = true,\n}) => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const selectedKey = usePathname().split('/')[2] || 'home';\n  // 如何解决className 重复的问题，传入值与默认值有重复\n  const baseNavClassName = classNames(`fixed top-0 left-0 right-0 z-50 bg-white/80 backdrop-blur-lg border-b border-purple-100 text-gray-600`, className);\n\n  // 動畫配置\n  const navVariants = {\n    hidden: { y: -20, opacity: 0 },\n    visible: { \n      y: 0, \n      opacity: 1,\n      transition: {\n        duration: 0.5,\n        ease: \"easeOut\"\n      }\n    }\n  };\n\n  // 根據是否啟用動畫返回不同的組件\n  const HeaderWrapper = enableAnimation ? motion.header : 'header';\n  return (\n    <HeaderWrapper \n      className={baseNavClassName}\n      {...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        variants: navVariants\n      })}\n    >\n      <div className='container flex items-center justify-between p-4'>\n        {logo}\n        {/* Desktop Navigation */}\n        <DesktopNav menuItems={menuItems} selectedKey={selectedKey} enableAnimation={enableAnimation} />\n        <MobileMenuBtn menuItems={menuItems} selectedKey={selectedKey} setIsMenuOpen={setIsMenuOpen} isMenuOpen={isMenuOpen} />\n      </div>\n      {/* Mobile Menu */}\n      <AnimatePresence>\n        {isMenuOpen && (\n          <MobileNav menuItems={menuItems} selectedKey={selectedKey} enableAnimation={enableAnimation} />\n        )}\n      </AnimatePresence>\n    </HeaderWrapper>\n  );\n}; \nconst DesktopNav = ({ menuItems, selectedKey, enableAnimation }: { menuItems: NavItem[], selectedKey: string, enableAnimation: boolean }) => {\n  return (\n    <nav className='hidden md:flex items-center space-x-8'>\n      {menuItems.map((item) => (\n        <NavLink key={item.key} href={item.href} selectedKey={selectedKey} className={item.className?.pc}>{item.label}</NavLink>\n      ))}\n    </nav>\n  )\n}\n\nconst MobileNav = ({ menuItems, selectedKey, enableAnimation }: { menuItems: NavItem[], selectedKey: string, enableAnimation: boolean }) => {\n  const MobileMenuComponent = enableAnimation ? motion.div : 'div';\n  const mobileMenuVariants = {\n    hidden: { \n      height: 0,\n      opacity: 0,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    },\n    visible: { \n      height: \"auto\",\n      opacity: 1,\n      transition: {\n        duration: 0.3,\n        ease: \"easeInOut\"\n      }\n    }\n  };\n  return (\n    <MobileMenuComponent className='md:hidden overflow-hidden'\n    {\n      ...(enableAnimation && {\n        initial: \"hidden\",\n        animate: \"visible\",\n        exit: \"hidden\",\n        variants: mobileMenuVariants\n      })\n    }>\n      <nav className='flex flex-col space-y-4 py-4 items-center'>\n        {menuItems.map((item) => (\n          <MobileMenuComponent key={item.key} {...(enableAnimation && {\n              initial: { x: -20, opacity: 0 },\n              animate: { x: 0, opacity: 1 },\n              transition: { delay: 0.1 }\n            })}>\n            <MobileNavLink href={item.href} selectedKey={selectedKey} className={item.className?.mobile}>{item.label}</MobileNavLink>\n          </MobileMenuComponent>\n        ))}\n      </nav>\n    </MobileMenuComponent>\n  )\n}\n\nconst MobileMenuBtn = ({ setIsMenuOpen, isMenuOpen }: { menuItems: NavItem[], selectedKey: string, setIsMenuOpen: (isMenuOpen: boolean) => void, isMenuOpen: boolean }) => {\n  return (\n      <button \n          onClick={() => setIsMenuOpen(!isMenuOpen)}\n          className=\"md:hidden p-2 hover:bg-purple-50 rounded-lg transition-colors\"\n        >\n        <BreadIcon isMenuOpen={isMenuOpen}/>\n    </button>\n  )\n}\n\nconst NavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = classNames(\n    className || 'hover:text-black transition-colors',\n    getActivedCls(href, selectedKey)\n  );\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nconst MobileNavLink = ({ href, children, className, selectedKey }: { href: string; children: React.ReactNode, className?: string, selectedKey: string }) => {\n  const combinedClassName = `${className || 'text-lg font-medium text-center hover:text-purple-600 transition-colors'} ${getActivedCls(href, selectedKey)}`;\n  return (\n    <Link href={href} legacyBehavior>\n      <a className={combinedClassName}>{children}</a>\n    </Link>\n  );\n};\n\nexport default Header;","const spanDefaultCls= 'w-full h-0.5 bg-black transition-transform duration-300'\nconst spanOpacityCls= 'w-full h-0.5 bg-black transition-opacity duration-300'\n\nexport default function BreadIcon({isMenuOpen}: {isMenuOpen: boolean}) {\n    return (\n        <div className=\"w-6 h-5 relative flex flex-col justify-between\">\n              <span className={`${spanDefaultCls} ${isMenuOpen ? 'rotate-45 translate-y-2' : ''}`} />\n              <span className={`${spanOpacityCls} ${isMenuOpen ? 'opacity-0' : ''}`} />\n              <span className={`${spanDefaultCls} ${isMenuOpen ? '-rotate-45 -translate-y-2' : ''}`} />\n        </div>\n    )\n}","'use client';\nimport React from 'react';\nimport Link from 'next/link';\n\nexport interface FooterLink {\n  href: string;\n  title: string;\n}\n\nexport interface FooterTexts {\n  copyright: string;\n  privacy: string;\n  terms: string;\n  social: string;\n}\n\nexport interface FooterProps {\n  /** 網站基本信息 */\n  site: {\n    name: string;\n    description: string;\n  };\n  /** 導航鏈接 */\n  navigation: {\n    /** 快速鏈接區塊 */\n    quickLinks: {\n      title: string;\n      items: FooterLink[];\n    };\n    /** 社交媒體鏈接 */\n    socialLinks: FooterLink[];\n  };\n  /** 頁腳文本 */\n  texts: FooterTexts;\n  /** 自定義類名 */\n  className?: string;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  site,\n  navigation,\n  texts,\n  className = '',\n}) => {\n  return (\n    <footer className={`relative bg-gradient-to-b from-gray-50 to-gray-100 pt-16 pb-6 ${className}`}>\n      <div className=\"absolute inset-0 bg-grid-gray-200/25 [mask-image:linear-gradient(0deg,white,rgba(255,255,255,0.6))]\" />\n      \n      <div className=\"container mx-auto p-4 relative\">\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-12\">\n          {/* Brand Section */}\n          <div className=\"space-y-4\">\n            <h3 className=\"text-xl font-bold bg-gradient-to-r from-purple-600 to-pink-500 bg-clip-text text-transparent\">\n              {site.name}\n            </h3>\n            <p className=\"text-gray-600 max-w-xs\">\n              {site.description}\n            </p>\n          </div>\n\n          {/* Quick Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {navigation.quickLinks.title}\n            </h4>\n            <nav className=\"flex flex-col space-y-2\">\n              {navigation.quickLinks.items.map((item) => (\n                <Link\n                  key={item.href}\n                  href={item.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                >\n                  {item.title}\n                </Link>\n              ))}\n            </nav>\n          </div>\n\n          {/* Social Links */}\n          <div className=\"space-y-4\">\n            <h4 className=\"text-sm font-semibold text-gray-900 uppercase\">\n              {texts.social}\n            </h4>\n            <div className=\"flex space-x-4\">\n              {navigation.socialLinks.map((link) => (\n                <a\n                  key={link.href}\n                  href={link.href}\n                  className=\"text-gray-600 hover:text-purple-600 transition-colors\"\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {link.title}\n                </a>\n              ))}\n            </div>\n          </div>\n        </div>\n\n        {/* Bottom Bar */}\n        <div className=\"border-t border-gray-200 pt-6\">\n          <div className=\"flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0\">\n            <p className=\"text-sm text-gray-600\">\n              {texts.copyright}\n            </p>\n            <div className=\"flex space-x-6\">\n              <Link href=\"/privacy\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.privacy}\n              </Link>\n              <Link href=\"/terms\" className=\"text-sm text-gray-600 hover:text-purple-600 transition-colors\">\n                {texts.terms}\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Decorative gradient line */}\n      <div className=\"absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-purple-600 via-pink-500 to-purple-600\" />\n    </footer>\n  );\n}; \n\nexport default Footer;","import { useState, useCallback } from 'react';\n\nconst useForceRerender = (): [number, () => void] => {\n  const [key, setKey] = useState(0);\n\n  const forceRerender = useCallback(() => {\n    setKey(prevKey => prevKey + 1);\n  }, []);\n\n  return [key, forceRerender];\n};\n\nexport default useForceRerender;"],"mappings":"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","names":["jsx","motion","jsx","jsx","jsxs","motion","Link","jsx","jsxs","useState"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jean-react-utils",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Jean's personal reusable components, hooks, theme and i18n utils for Next.js projects",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -8,8 +8,7 @@
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
@@ -17,16 +16,6 @@
     "README.md",
     "LICENSE"
   ],
-  "scripts": {
-    "dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react",
-    "build": "tsup src/index.ts",
-    "test": "vitest",
-    "lint": "eslint . --ext .ts,.tsx",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage"
-  },
   "dependencies": {
     "classnames": "^2.5.1"
   },
@@ -35,10 +24,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.6.1",
-    "autoprefixer": "^10.4.21",
     "happy-dom": "^13.3.8",
-    "postcss": "^8.5.4",
-    "tailwindcss": "^4.1.8",
     "tsup": "^8.0.2",
     "vitest": "^1.6.1"
   },
@@ -62,5 +48,15 @@
   "publishConfig": {
     "access": "public"
   },
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "dev": "tsup src/index.ts --format esm,cjs --watch --dts --external react",
+    "build": "tsup src/index.ts",
+    "test": "vitest",
+    "lint": "eslint . --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage"
+  }
+}