bynana-ui 1.3.0 → 1.5.0

package/dist/hamburger-morph/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-morph/index.tsx"],"names":["cn","classes","HamburgerMorph","className","onChange","isOpen","setIsOpen","useState","jsxs","newState","jsx","motion","hamburger_morph_default"],"mappings":"yGAKA,SAASA,CAAAA,CAAAA,GAAMC,EAAyC,CACtD,OAAOA,CAAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAe,CAAE,SAAA,CAAAC,EAAW,QAAA,CAAAC,CAAS,CAAA,CAAwB,CAC3E,GAAM,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIC,SAAS,KAAK,CAAA,CAQ1C,OACEC,IAAAA,CAAC,UACC,OAAA,CARiB,IAAM,CACzB,IAAMC,EAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,EAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAKI,UAAWT,CAAAA,CACT,kGAAA,CACAG,CACF,CAAA,CACA,aAAW,aAAA,CAEX,QAAA,CAAA,CAAAO,GAAAA,CAACC,MAAAA,CAAO,IAAP,CACC,SAAA,CAAU,8DAAA,CACV,OAAA,CAASN,EAAS,CAAE,MAAA,CAAQ,CAAE,CAAA,CAAI,CAAE,MAAA,CAAQ,CAAE,CAAA,CAC9C,UAAA,CAAY,CAAE,QAAA,CAAU,EAAA,CAAK,IAAA,CAAM,QAAA,CAAU,UAAW,GAAA,CAAK,OAAA,CAAS,EAAG,CAAA,CAC3E,EACAK,GAAAA,CAACC,MAAAA,CAAO,GAAA,CAAP,CACC,UAAU,8DAAA,CACV,OAAA,CAASN,CAAAA,CAAS,CAAE,OAAQ,GAAI,CAAA,CAAI,CAAE,MAAA,CAAQ,CAAE,CAAA,CAChD,UAAA,CAAY,CAAE,QAAA,CAAU,GAAK,IAAA,CAAM,QAAA,CAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CAC3E,CAAA,CACAK,GAAAA,CAACC,OAAO,GAAA,CAAP,CACC,SAAA,CAAU,8DAAA,CACV,QAASN,CAAAA,CAAS,CAAE,MAAA,CAAQ,CAAE,EAAI,CAAE,MAAA,CAAQ,CAAE,CAAA,CAC9C,WAAY,CAAE,QAAA,CAAU,EAAA,CAAK,KAAA,CAAO,IAAM,IAAA,CAAM,QAAA,CAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CACxF,GACF,CAEJ,KAEOO,CAAAA,CAAQV","file":"index.mjs","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerMorphProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerMorph({ className, onChange }: HamburgerMorphProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <button\r\n      onClick={handleToggle}\r\n      className={cn(\r\n        \"relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2\",\r\n        className\r\n      )}\r\n      aria-label=\"Toggle menu\"\r\n    >\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { scaleX: 0 } : { scaleX: 1 }}\r\n        transition={{ duration: 0.3, type: \"spring\", stiffness: 400, damping: 30 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { scaleX: 1.2 } : { scaleX: 1 }}\r\n        transition={{ duration: 0.4, type: \"spring\", stiffness: 200, damping: 20 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { scaleX: 0 } : { scaleX: 1 }}\r\n        transition={{ duration: 0.3, delay: 0.05, type: \"spring\", stiffness: 400, damping: 30 }}\r\n      />\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default HamburgerMorph;\r\n"]}

package/dist/hamburger-spin/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function a(...t){return tailwindMerge.twMerge(clsx.clsx(t))}function u({className:t,onChange:l}){let[e,o]=react.useState(false),s=()=>{let r=!e;o(r),l?.(r);};return jsxRuntime.jsxs("div",{className:a("inline-block",t),children:[jsxRuntime.jsx("input",{type:"checkbox",id:"checkbox-spin",className:"hidden",checked:e,onChange:s}),jsxRuntime.jsxs("label",{htmlFor:"checkbox-spin",className:a("relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500",e&&"rotate-180"),children:[jsxRuntime.jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"scale-x-[0.6] translate-y-[1px]")}),jsxRuntime.jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"rotate-90 scale-x-[1.2]")}),jsxRuntime.jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"scale-x-[0.6] -translate-y-[1px]")})]})]})}var x=u;exports.HamburgerSpin=u;exports.default=x;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hamburger-spin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/hamburger-spin/index.tsx"],"names":["cn","inputs","twMerge","clsx","HamburgerSpin","className","onChange","isOpen","setIsOpen","useState","handleToggle","newState","jsxs","jsx","hamburger_spin_default"],"mappings":"sMAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,qBAAAA,CAAQC,SAAAA,CAAKF,CAAM,CAAC,CAC7B,CCKO,SAASG,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAS,CAAA,CAAuB,CACzE,GAAM,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIC,cAAAA,CAAS,KAAK,CAAA,CAEpCC,CAAAA,CAAe,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,CAAA,CAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAEA,OACEC,eAAAA,CAAC,KAAA,CAAA,CAAI,UAAWZ,CAAAA,CAAG,cAAA,CAAgBK,CAAS,CAAA,CAC1C,QAAA,CAAA,CAAAQ,cAAAA,CAAC,OAAA,CAAA,CACC,IAAA,CAAK,UAAA,CACL,EAAA,CAAG,eAAA,CACH,SAAA,CAAU,QAAA,CACV,OAAA,CAASN,CAAAA,CACT,QAAA,CAAUG,CAAAA,CACZ,CAAA,CACAE,eAAAA,CAAC,OAAA,CAAA,CACC,OAAA,CAAQ,eAAA,CACR,SAAA,CAAWZ,CAAAA,CACT,iHAAA,CACAO,CAAAA,EAAU,YACZ,CAAA,CAEA,QAAA,CAAA,CAAAM,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,iCACZ,CAAA,CACF,CAAA,CACAM,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,yBACZ,CAAA,CACF,CAAA,CACAM,cAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,kCACZ,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOO,CAAAA,CAAQV","file":"index.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\ninterface HamburgerSpinProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerSpin({ className, onChange }: HamburgerSpinProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"inline-block\", className)}>\r\n      <input\r\n        type=\"checkbox\"\r\n        id=\"checkbox-spin\"\r\n        className=\"hidden\"\r\n        checked={isOpen}\r\n        onChange={handleToggle}\r\n      />\r\n      <label\r\n        htmlFor=\"checkbox-spin\"\r\n        className={cn(\r\n          \"relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500\",\r\n          isOpen && \"rotate-180\"\r\n        )}\r\n      >\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"scale-x-[0.6] translate-y-[1px]\"\r\n          )}\r\n        />\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"rotate-90 scale-x-[1.2]\"\r\n          )}\r\n        />\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"scale-x-[0.6] -translate-y-[1px]\"\r\n          )}\r\n        />\r\n      </label>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default HamburgerSpin;\r\n"]}

package/dist/hamburger-spin/index.mjs

@@ -0,0 +1,2 @@
+import {useState}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function a(...t){return twMerge(clsx(t))}function u({className:t,onChange:l}){let[e,o]=useState(false),s=()=>{let r=!e;o(r),l?.(r);};return jsxs("div",{className:a("inline-block",t),children:[jsx("input",{type:"checkbox",id:"checkbox-spin",className:"hidden",checked:e,onChange:s}),jsxs("label",{htmlFor:"checkbox-spin",className:a("relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500",e&&"rotate-180"),children:[jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"scale-x-[0.6] translate-y-[1px]")}),jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"rotate-90 scale-x-[1.2]")}),jsx("div",{className:a("w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center",e&&"scale-x-[0.6] -translate-y-[1px]")})]})]})}var x=u;export{u as HamburgerSpin,x as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hamburger-spin/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/hamburger-spin/index.tsx"],"names":["cn","inputs","twMerge","clsx","HamburgerSpin","className","onChange","isOpen","setIsOpen","useState","handleToggle","newState","jsxs","jsx","hamburger_spin_default"],"mappings":"mIAGO,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAsB,CAC1C,OAAOC,OAAAA,CAAQC,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCKO,SAASG,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAS,CAAA,CAAuB,CACzE,GAAM,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAEpCC,CAAAA,CAAe,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,CAAA,CAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAEA,OACEC,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAWZ,CAAAA,CAAG,cAAA,CAAgBK,CAAS,CAAA,CAC1C,QAAA,CAAA,CAAAQ,GAAAA,CAAC,OAAA,CAAA,CACC,IAAA,CAAK,UAAA,CACL,EAAA,CAAG,eAAA,CACH,SAAA,CAAU,QAAA,CACV,OAAA,CAASN,CAAAA,CACT,QAAA,CAAUG,CAAAA,CACZ,CAAA,CACAE,IAAAA,CAAC,OAAA,CAAA,CACC,OAAA,CAAQ,eAAA,CACR,SAAA,CAAWZ,CAAAA,CACT,iHAAA,CACAO,CAAAA,EAAU,YACZ,CAAA,CAEA,QAAA,CAAA,CAAAM,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,iCACZ,CAAA,CACF,CAAA,CACAM,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,yBACZ,CAAA,CACF,CAAA,CACAM,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWb,CAAAA,CACT,wFAAA,CACAO,CAAAA,EAAU,kCACZ,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOO,CAAAA,CAAQV","file":"index.mjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { cn } from \"../utils/cn\";\r\n\r\ninterface HamburgerSpinProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerSpin({ className, onChange }: HamburgerSpinProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <div className={cn(\"inline-block\", className)}>\r\n      <input\r\n        type=\"checkbox\"\r\n        id=\"checkbox-spin\"\r\n        className=\"hidden\"\r\n        checked={isOpen}\r\n        onChange={handleToggle}\r\n      />\r\n      <label\r\n        htmlFor=\"checkbox-spin\"\r\n        className={cn(\r\n          \"relative w-10 h-10 cursor-pointer flex flex-col items-center justify-center gap-2.5 transition-all duration-500\",\r\n          isOpen && \"rotate-180\"\r\n        )}\r\n      >\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"scale-x-[0.6] translate-y-[1px]\"\r\n          )}\r\n        />\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"rotate-90 scale-x-[1.2]\"\r\n          )}\r\n        />\r\n        <div\r\n          className={cn(\r\n            \"w-full h-1 bg-black dark:bg-white rounded-md transition-all duration-500 origin-center\",\r\n            isOpen && \"scale-x-[0.6] -translate-y-[1px]\"\r\n          )}\r\n        />\r\n      </label>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default HamburgerSpin;\r\n"]}

package/dist/hamburger-spring/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),framerMotion=require('framer-motion'),jsxRuntime=require('react/jsx-runtime');function l(...n){return n.filter(Boolean).join(" ")}function g({className:n,onChange:r}){let[e,o]=react.useState(false);return jsxRuntime.jsxs("button",{onClick:()=>{let i=!e;o(i),r?.(i);},className:l("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",n),"aria-label":"Toggle menu",children:[jsxRuntime.jsx(framerMotion.motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{y:-12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsxRuntime.jsx(framerMotion.motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{rotation:90,scaleX:.8}:{rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsxRuntime.jsx(framerMotion.motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{y:12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}})]})}var d=g;exports.HamburgerSpring=g;exports.default=d;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hamburger-spring/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-spring/index.tsx"],"names":["cn","classes","HamburgerSpring","className","onChange","isOpen","setIsOpen","useState","jsxs","newState","jsx","motion","hamburger_spring_default"],"mappings":"+KAKA,SAASA,KAAMC,CAAAA,CAAyC,CACtD,OAAOA,CAAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAgB,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAS,EAAyB,CAC7E,GAAM,CAACC,CAAAA,CAAQC,CAAS,EAAIC,cAAAA,CAAS,KAAK,CAAA,CAQ1C,OACEC,gBAAC,QAAA,CAAA,CACC,OAAA,CARiB,IAAM,CACzB,IAAMC,EAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,EAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAKI,SAAA,CAAWT,EACT,sGAAA,CACAG,CACF,CAAA,CACA,YAAA,CAAW,cAEX,QAAA,CAAA,CAAAO,cAAAA,CAACC,oBAAO,GAAA,CAAP,CACC,UAAU,8DAAA,CACV,OAAA,CAASN,EAAS,CAAE,CAAA,CAAG,IAAK,QAAA,CAAU,EAAA,CAAI,OAAQ,EAAI,CAAA,CAAI,CAAE,CAAA,CAAG,CAAA,CAAG,QAAA,CAAU,CAAA,CAAG,OAAQ,CAAE,CAAA,CACzF,WAAY,CAAE,QAAA,CAAU,GAAK,IAAA,CAAM,QAAA,CAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CAC3E,EACAK,cAAAA,CAACC,mBAAAA,CAAO,IAAP,CACC,SAAA,CAAU,8DAAA,CACV,OAAA,CAASN,EAAS,CAAE,QAAA,CAAU,GAAI,MAAA,CAAQ,EAAI,EAAI,CAAE,QAAA,CAAU,EAAG,MAAA,CAAQ,CAAE,EAC3E,UAAA,CAAY,CAAE,SAAU,EAAA,CAAK,IAAA,CAAM,SAAU,SAAA,CAAW,GAAA,CAAK,OAAA,CAAS,EAAG,EAC3E,CAAA,CACAK,cAAAA,CAACC,oBAAO,GAAA,CAAP,CACC,UAAU,8DAAA,CACV,OAAA,CAASN,CAAAA,CAAS,CAAE,EAAG,EAAA,CAAI,QAAA,CAAU,GAAI,MAAA,CAAQ,EAAI,EAAI,CAAE,CAAA,CAAG,CAAA,CAAG,QAAA,CAAU,EAAG,MAAA,CAAQ,CAAE,EACxF,UAAA,CAAY,CAAE,SAAU,EAAA,CAAK,IAAA,CAAM,SAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CAC3E,GACF,CAEJ,KAEOO,CAAAA,CAAQV","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerSpringProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerSpring({ className, onChange }: HamburgerSpringProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <button\r\n      onClick={handleToggle}\r\n      className={cn(\r\n        \"relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2\",\r\n        className\r\n      )}\r\n      aria-label=\"Toggle menu\"\r\n    >\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { y: -12, rotation: 90, scaleX: 0.8 } : { y: 0, rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { rotation: 90, scaleX: 0.8 } : { rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { y: 12, rotation: 90, scaleX: 0.8 } : { y: 0, rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default HamburgerSpring;\r\n"]}

package/dist/hamburger-spring/index.mjs

@@ -0,0 +1,2 @@
+import {useState}from'react';import {motion}from'framer-motion';import {jsxs,jsx}from'react/jsx-runtime';function l(...n){return n.filter(Boolean).join(" ")}function g({className:n,onChange:r}){let[e,o]=useState(false);return jsxs("button",{onClick:()=>{let i=!e;o(i),r?.(i);},className:l("relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2",n),"aria-label":"Toggle menu",children:[jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{y:-12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{rotation:90,scaleX:.8}:{rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}}),jsx(motion.div,{className:"w-full h-1 bg-black dark:bg-white rounded-full origin-center",animate:e?{y:12,rotation:90,scaleX:.8}:{y:0,rotation:0,scaleX:1},transition:{duration:.5,type:"spring",stiffness:200,damping:15}})]})}var d=g;export{g as HamburgerSpring,d as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hamburger-spring/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-spring/index.tsx"],"names":["cn","classes","HamburgerSpring","className","onChange","isOpen","setIsOpen","useState","jsxs","newState","jsx","motion","hamburger_spring_default"],"mappings":"yGAKA,SAASA,KAAMC,CAAAA,CAAyC,CACtD,OAAOA,CAAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,KAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAgB,CAAE,SAAA,CAAAC,CAAAA,CAAW,QAAA,CAAAC,CAAS,EAAyB,CAC7E,GAAM,CAACC,CAAAA,CAAQC,CAAS,EAAIC,QAAAA,CAAS,KAAK,CAAA,CAQ1C,OACEC,KAAC,QAAA,CAAA,CACC,OAAA,CARiB,IAAM,CACzB,IAAMC,EAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,EAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAKI,SAAA,CAAWT,EACT,sGAAA,CACAG,CACF,CAAA,CACA,YAAA,CAAW,cAEX,QAAA,CAAA,CAAAO,GAAAA,CAACC,OAAO,GAAA,CAAP,CACC,UAAU,8DAAA,CACV,OAAA,CAASN,EAAS,CAAE,CAAA,CAAG,IAAK,QAAA,CAAU,EAAA,CAAI,OAAQ,EAAI,CAAA,CAAI,CAAE,CAAA,CAAG,CAAA,CAAG,QAAA,CAAU,CAAA,CAAG,OAAQ,CAAE,CAAA,CACzF,WAAY,CAAE,QAAA,CAAU,GAAK,IAAA,CAAM,QAAA,CAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CAC3E,EACAK,GAAAA,CAACC,MAAAA,CAAO,IAAP,CACC,SAAA,CAAU,8DAAA,CACV,OAAA,CAASN,EAAS,CAAE,QAAA,CAAU,GAAI,MAAA,CAAQ,EAAI,EAAI,CAAE,QAAA,CAAU,EAAG,MAAA,CAAQ,CAAE,EAC3E,UAAA,CAAY,CAAE,SAAU,EAAA,CAAK,IAAA,CAAM,SAAU,SAAA,CAAW,GAAA,CAAK,OAAA,CAAS,EAAG,EAC3E,CAAA,CACAK,GAAAA,CAACC,OAAO,GAAA,CAAP,CACC,UAAU,8DAAA,CACV,OAAA,CAASN,CAAAA,CAAS,CAAE,EAAG,EAAA,CAAI,QAAA,CAAU,GAAI,MAAA,CAAQ,EAAI,EAAI,CAAE,CAAA,CAAG,CAAA,CAAG,QAAA,CAAU,EAAG,MAAA,CAAQ,CAAE,EACxF,UAAA,CAAY,CAAE,SAAU,EAAA,CAAK,IAAA,CAAM,SAAU,SAAA,CAAW,GAAA,CAAK,QAAS,EAAG,CAAA,CAC3E,GACF,CAEJ,KAEOO,CAAAA,CAAQV","file":"index.mjs","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerSpringProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerSpring({ className, onChange }: HamburgerSpringProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <button\r\n      onClick={handleToggle}\r\n      className={cn(\r\n        \"relative w-12 h-12 bg-transparent cursor-pointer flex flex-col items-center justify-center gap-2 p-2\",\r\n        className\r\n      )}\r\n      aria-label=\"Toggle menu\"\r\n    >\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { y: -12, rotation: 90, scaleX: 0.8 } : { y: 0, rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { rotation: 90, scaleX: 0.8 } : { rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n      <motion.div\r\n        className=\"w-full h-1 bg-black dark:bg-white rounded-full origin-center\"\r\n        animate={isOpen ? { y: 12, rotation: 90, scaleX: 0.8 } : { y: 0, rotation: 0, scaleX: 1 }}\r\n        transition={{ duration: 0.5, type: \"spring\", stiffness: 200, damping: 15 }}\r\n      />\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default HamburgerSpring;\r\n"]}

package/dist/hamburger-stagger/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),jsxRuntime=require('react/jsx-runtime');function r(...t){return t.filter(Boolean).join(" ")}function g({className:t,onChange:o}){let[e,n]=react.useState(false),s=()=>{let l=!e;n(l),o?.(l);};return jsxRuntime.jsxs("label",{className:r("w-12 h-8 cursor-pointer relative block",t),htmlFor:"burger-stagger",children:[jsxRuntime.jsx("input",{type:"checkbox",id:"burger-stagger",className:"hidden w-full h-full",checked:e,onChange:s}),jsxRuntime.jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-0 right-0 origin-right",e&&"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]")}),jsxRuntime.jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-1/2 -translate-y-1/2")}),jsxRuntime.jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-full right-0 origin-right -translate-y-full",e&&"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]")})]})}var u=g;exports.HamburgerStagger=g;exports.default=u;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hamburger-stagger/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-stagger/index.tsx"],"names":["cn","classes","HamburgerStagger","className","onChange","isOpen","setIsOpen","useState","handleToggle","newState","jsxs","jsx","hamburger_stagger_default"],"mappings":"yIAIA,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAyC,CACtD,OAAOA,CAAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAiB,CAAE,SAAA,CAAAC,EAAW,QAAA,CAAAC,CAAS,CAAA,CAA0B,CAC/E,GAAM,CAACC,EAAQC,CAAS,CAAA,CAAIC,cAAAA,CAAS,KAAK,CAAA,CAEpCC,CAAAA,CAAe,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,CAAA,CAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAEA,OACEC,gBAAC,OAAA,CAAA,CACC,SAAA,CAAWV,CAAAA,CACT,wCAAA,CACAG,CACF,CAAA,CACA,QAAQ,gBAAA,CAER,QAAA,CAAA,CAAAQ,cAAAA,CAAC,OAAA,CAAA,CACC,IAAA,CAAK,UAAA,CACL,GAAG,gBAAA,CACH,SAAA,CAAU,sBAAA,CACV,OAAA,CAASN,CAAAA,CACT,QAAA,CAAUG,EACZ,CAAA,CACAG,cAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWX,CAAAA,CACT,6IAAA,CACA,6BACAK,CAAAA,EAAU,iDACZ,CAAA,CACF,CAAA,CACAM,cAAAA,CAAC,MAAA,CAAA,CACC,UAAWX,CAAAA,CACT,6IAAA,CACA,0BACF,CAAA,CACF,CAAA,CACAW,cAAAA,CAAC,QACC,SAAA,CAAWX,CAAAA,CACT,6IAAA,CACA,iDAAA,CACAK,CAAAA,EAAU,kDACZ,EACF,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOO,CAAAA,CAAQV","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerStaggerProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerStagger({ className, onChange }: HamburgerStaggerProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <label\r\n      className={cn(\r\n        \"w-12 h-8 cursor-pointer relative block\",\r\n        className\r\n      )}\r\n      htmlFor=\"burger-stagger\"\r\n    >\r\n      <input\r\n        type=\"checkbox\"\r\n        id=\"burger-stagger\"\r\n        className=\"hidden w-full h-full\"\r\n        checked={isOpen}\r\n        onChange={handleToggle}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-0 right-0 origin-right\",\r\n          isOpen && \"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]\"\r\n        )}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-1/2 -translate-y-1/2\"\r\n        )}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-full right-0 origin-right -translate-y-full\",\r\n          isOpen && \"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]\"\r\n        )}\r\n      />\r\n    </label>\r\n  );\r\n}\r\n\r\nexport default HamburgerStagger;\r\n"]}

package/dist/hamburger-stagger/index.mjs

@@ -0,0 +1,2 @@
+import {useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';function r(...t){return t.filter(Boolean).join(" ")}function g({className:t,onChange:o}){let[e,n]=useState(false),s=()=>{let l=!e;n(l),o?.(l);};return jsxs("label",{className:r("w-12 h-8 cursor-pointer relative block",t),htmlFor:"burger-stagger",children:[jsx("input",{type:"checkbox",id:"burger-stagger",className:"hidden w-full h-full",checked:e,onChange:s}),jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-0 right-0 origin-right",e&&"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]")}),jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-1/2 -translate-y-1/2")}),jsx("span",{className:r("block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out","top-full right-0 origin-right -translate-y-full",e&&"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]")})]})}var u=g;export{g as HamburgerStagger,u as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hamburger-stagger/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-stagger/index.tsx"],"names":["cn","classes","HamburgerStagger","className","onChange","isOpen","setIsOpen","useState","handleToggle","newState","jsxs","jsx","hamburger_stagger_default"],"mappings":"sEAIA,SAASA,CAAAA,CAAAA,GAAMC,CAAAA,CAAyC,CACtD,OAAOA,CAAAA,CAAQ,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAiB,CAAE,SAAA,CAAAC,EAAW,QAAA,CAAAC,CAAS,CAAA,CAA0B,CAC/E,GAAM,CAACC,EAAQC,CAAS,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAEpCC,CAAAA,CAAe,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,CAAA,CAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAEA,OACEC,KAAC,OAAA,CAAA,CACC,SAAA,CAAWV,CAAAA,CACT,wCAAA,CACAG,CACF,CAAA,CACA,QAAQ,gBAAA,CAER,QAAA,CAAA,CAAAQ,GAAAA,CAAC,OAAA,CAAA,CACC,IAAA,CAAK,UAAA,CACL,GAAG,gBAAA,CACH,SAAA,CAAU,sBAAA,CACV,OAAA,CAASN,CAAAA,CACT,QAAA,CAAUG,EACZ,CAAA,CACAG,GAAAA,CAAC,MAAA,CAAA,CACC,SAAA,CAAWX,CAAAA,CACT,6IAAA,CACA,6BACAK,CAAAA,EAAU,iDACZ,CAAA,CACF,CAAA,CACAM,GAAAA,CAAC,MAAA,CAAA,CACC,UAAWX,CAAAA,CACT,6IAAA,CACA,0BACF,CAAA,CACF,CAAA,CACAW,GAAAA,CAAC,QACC,SAAA,CAAWX,CAAAA,CACT,6IAAA,CACA,iDAAA,CACAK,CAAAA,EAAU,kDACZ,EACF,CAAA,CAAA,CACF,CAEJ,CAEA,IAAOO,CAAAA,CAAQV","file":"index.mjs","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerStaggerProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerStagger({ className, onChange }: HamburgerStaggerProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <label\r\n      className={cn(\r\n        \"w-12 h-8 cursor-pointer relative block\",\r\n        className\r\n      )}\r\n      htmlFor=\"burger-stagger\"\r\n    >\r\n      <input\r\n        type=\"checkbox\"\r\n        id=\"burger-stagger\"\r\n        className=\"hidden w-full h-full\"\r\n        checked={isOpen}\r\n        onChange={handleToggle}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-0 right-0 origin-right\",\r\n          isOpen && \"w-1/2 top-1/2 -translate-y-[30%] rotate-[40deg]\"\r\n        )}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-1/2 -translate-y-1/2\"\r\n        )}\r\n      />\r\n      <span\r\n        className={cn(\r\n          \"block absolute w-full rounded-lg border-[3px] border-black dark:border-white bg-black dark:bg-white transition-all duration-150 ease-in-out\",\r\n          \"top-full right-0 origin-right -translate-y-full\",\r\n          isOpen && \"w-1/2 top-1/2 -translate-y-[70%] -rotate-[40deg]\"\r\n        )}\r\n      />\r\n    </label>\r\n  );\r\n}\r\n\r\nexport default HamburgerStagger;\r\n"]}

package/dist/hamburger-wave/index.js

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),jsxRuntime=require('react/jsx-runtime');function t(...n){return n.filter(Boolean).join(" ")}function i({className:n,onChange:o}){let[e,s]=react.useState(false);return jsxRuntime.jsx("button",{onClick:()=>{let l=!e;s(l),o?.(l);},className:t("relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center",n),"aria-label":"Toggle menu",children:jsxRuntime.jsxs("div",{className:"relative w-8 h-8",children:[jsxRuntime.jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out",e?"top-0 left-0":"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")}),jsxRuntime.jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75",e?"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full")}),jsxRuntime.jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150",e?"bottom-0 right-0":"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")})]})})}var c=i;exports.HamburgerWave=i;exports.default=c;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hamburger-wave/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-wave/index.tsx"],"names":["cn","classes","HamburgerWave","className","onChange","isOpen","setIsOpen","useState","jsx","newState","jsxs","hamburger_wave_default"],"mappings":"yIAIA,SAASA,CAAAA,CAAAA,GAAMC,EAAyC,CACtD,OAAOA,EAAQ,MAAA,CAAO,OAAO,EAAE,IAAA,CAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAAC,CAAS,CAAA,CAAuB,CACzE,GAAM,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIC,cAAAA,CAAS,KAAK,CAAA,CAQ1C,OACEC,cAAAA,CAAC,QAAA,CAAA,CACC,OAAA,CARiB,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,EAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAKI,SAAA,CAAWT,EACT,mFAAA,CACAG,CACF,CAAA,CACA,YAAA,CAAW,aAAA,CAEX,QAAA,CAAAO,gBAAC,KAAA,CAAA,CAAI,SAAA,CAAU,kBAAA,CACb,QAAA,CAAA,CAAAF,cAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,yFAAA,CACAK,CAAAA,CACI,cAAA,CACA,wDACN,CAAA,CACF,EACAG,cAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,kGAAA,CACAK,EACI,oDAAA,CACA,2EACN,CAAA,CACF,CAAA,CACAG,cAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,mGAAA,CACAK,CAAAA,CACI,kBAAA,CACA,2DACN,CAAA,CACF,GACF,CAAA,CACF,CAEJ,CAEA,IAAOM,CAAAA,CAAQT","file":"index.js","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerWaveProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerWave({ className, onChange }: HamburgerWaveProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <button\r\n      onClick={handleToggle}\r\n      className={cn(\r\n        \"relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center\",\r\n        className\r\n      )}\r\n      aria-label=\"Toggle menu\"\r\n    >\r\n      <div className=\"relative w-8 h-8\">\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out\",\r\n            isOpen \r\n              ? \"top-0 left-0\" \r\n              : \"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75\",\r\n            isOpen \r\n              ? \"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\" \r\n              : \"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150\",\r\n            isOpen \r\n              ? \"bottom-0 right-0\" \r\n              : \"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n      </div>\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default HamburgerWave;\r\n"]}

package/dist/hamburger-wave/index.mjs

@@ -0,0 +1,2 @@
+import {useState}from'react';import {jsx,jsxs}from'react/jsx-runtime';function t(...n){return n.filter(Boolean).join(" ")}function i({className:n,onChange:o}){let[e,s]=useState(false);return jsx("button",{onClick:()=>{let l=!e;s(l),o?.(l);},className:t("relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center",n),"aria-label":"Toggle menu",children:jsxs("div",{className:"relative w-8 h-8",children:[jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out",e?"top-0 left-0":"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75",e?"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full")}),jsx("span",{className:t("absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150",e?"bottom-0 right-0":"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full")})]})})}var c=i;export{i as HamburgerWave,c as default};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hamburger-wave/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hamburger-wave/index.tsx"],"names":["cn","classes","HamburgerWave","className","onChange","isOpen","setIsOpen","useState","jsx","newState","jsxs","hamburger_wave_default"],"mappings":"sEAIA,SAASA,CAAAA,CAAAA,GAAMC,EAAyC,CACtD,OAAOA,EAAQ,MAAA,CAAO,OAAO,EAAE,IAAA,CAAK,GAAG,CACzC,CAOO,SAASC,CAAAA,CAAc,CAAE,SAAA,CAAAC,CAAAA,CAAW,SAAAC,CAAS,CAAA,CAAuB,CACzE,GAAM,CAACC,CAAAA,CAAQC,CAAS,CAAA,CAAIC,QAAAA,CAAS,KAAK,CAAA,CAQ1C,OACEC,GAAAA,CAAC,QAAA,CAAA,CACC,OAAA,CARiB,IAAM,CACzB,IAAMC,CAAAA,CAAW,CAACJ,CAAAA,CAClBC,CAAAA,CAAUG,CAAQ,EAClBL,CAAAA,GAAWK,CAAQ,EACrB,CAAA,CAKI,SAAA,CAAWT,EACT,mFAAA,CACAG,CACF,CAAA,CACA,YAAA,CAAW,aAAA,CAEX,QAAA,CAAAO,KAAC,KAAA,CAAA,CAAI,SAAA,CAAU,kBAAA,CACb,QAAA,CAAA,CAAAF,GAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,yFAAA,CACAK,CAAAA,CACI,cAAA,CACA,wDACN,CAAA,CACF,EACAG,GAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,kGAAA,CACAK,EACI,oDAAA,CACA,2EACN,CAAA,CACF,CAAA,CACAG,GAAAA,CAAC,MAAA,CAAA,CACC,UAAWR,CAAAA,CACT,mGAAA,CACAK,CAAAA,CACI,kBAAA,CACA,2DACN,CAAA,CACF,GACF,CAAA,CACF,CAEJ,CAEA,IAAOM,CAAAA,CAAQT","file":"index.mjs","sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\n\r\nfunction cn(...classes: (string | undefined | false)[]) {\r\n  return classes.filter(Boolean).join(\" \");\r\n}\r\n\r\ninterface HamburgerWaveProps {\r\n  className?: string;\r\n  onChange?: (isOpen: boolean) => void;\r\n}\r\n\r\nexport function HamburgerWave({ className, onChange }: HamburgerWaveProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n\r\n  const handleToggle = () => {\r\n    const newState = !isOpen;\r\n    setIsOpen(newState);\r\n    onChange?.(newState);\r\n  };\r\n\r\n  return (\r\n    <button\r\n      onClick={handleToggle}\r\n      className={cn(\r\n        \"relative w-12 h-12 bg-transparent cursor-pointer flex items-center justify-center\",\r\n        className\r\n      )}\r\n      aria-label=\"Toggle menu\"\r\n    >\r\n      <div className=\"relative w-8 h-8\">\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out\",\r\n            isOpen \r\n              ? \"top-0 left-0\" \r\n              : \"top-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-75\",\r\n            isOpen \r\n              ? \"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\" \r\n              : \"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n        <span\r\n          className={cn(\r\n            \"absolute w-2 h-2 bg-black dark:bg-white rounded-sm transition-all duration-300 ease-out delay-150\",\r\n            isOpen \r\n              ? \"bottom-0 right-0\" \r\n              : \"bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 rounded-full\"\r\n          )}\r\n        />\r\n      </div>\r\n    </button>\r\n  );\r\n}\r\n\r\nexport default HamburgerWave;\r\n"]}