bynana-ui 1.4.0 → 1.6.0

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"]}