kotnala_ui 1.0.6 → 1.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.ts +6 -0
  2. package/dist/index.esm.js +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/styles.css +7 -4
  5. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,2 +1,8 @@
1
1
  import "./styles.css";
2
2
  export { default as MeteorMash } from "./components/meteor_mash/MeteorMash";
3
+ export { default as DiaScrollerNavbar } from "./components/dia_scroller_navbar/DiaScrollerNavbar";
4
+ export { default as FluidNavbar } from "./components/fluid_navbar/FluidNavbar";
5
+ export { default as GooeyNavbar } from "./components/gooey_navbar/GooeyNavbar";
6
+ export { default as PopupNavabr } from "./components/popup_navabr/PopupNavabr";
7
+ export { default as ParticleVanishingInput } from "./components/particle_vanishing_input/ParticleVanishingInput";
8
+ export { default as TextSlashInput } from "./components/text_slash_input/TextSlashInput";
package/dist/index.esm.js CHANGED
@@ -1 +1 @@
1
- import{useRef as t,useState as e,useEffect as a}from"react";import{jsx as r}from"react/jsx-runtime";function n(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=Array(e);a<e;a++)r[a]=t[a];return r}function o(t,e){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=l(t))||e){a&&(t=a);var r=0,n=function(){};return{s:n,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,d=!1;return{s:function(){a=a.call(t)},n:function(){var t=a.next();return i=t.done,t},e:function(t){d=!0,o=t},f:function(){try{i||null==a.return||a.return()}finally{if(d)throw o}}}}function i(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var r,n,o,i,l=[],d=!0,h=!1;try{if(o=(a=a.call(t)).next,0===e);else for(;!(d=(r=o.call(a)).done)&&(l.push(r.value),l.length!==e);d=!0);}catch(t){h=!0,n=t}finally{try{if(!d&&null!=a.return&&(i=a.return(),Object(i)!==i))return}finally{if(h)throw n}}return l}}(t,e)||l(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(t,e){if(t){if("string"==typeof t)return n(t,e);var a={}.toString.call(t).slice(8,-1);return"Object"===a&&t.constructor&&(a=t.constructor.name),"Map"===a||"Set"===a?Array.from(t):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(t,e):void 0}}var d={light:"white",dark:"black"};function h(n){var l=n.numOfMeteors,h=void 0===l?7:l,c=n.trailLength,s=void 0===c?20:c,y=n.trailLengthShrinkable,m=void 0===y?60:y,p=n.trailThickness,u=void 0===p?3:p,f=n.meteorCoreSize,x=void 0===f?2.4:f,g=n.collisionDebriSize,M=void 0===g?2:g,v=n.theme,b=void 0===v?"light":v,S=n.bgColor,L=void 0===S?d:S,k=n.animateUntill,z=void 0===k||k,w=t(null),A=i(e([]),2),I=A[0],C=A[1];return a(function(){for(var t,e,a=[],r=(null===(t=w.current)||void 0===t||null===(t=t.parentElement)||void 0===t?void 0:t.clientHeight)||400,n=(null===(e=w.current)||void 0===e||null===(e=e.parentElement)||void 0===e?void 0:e.clientWidth)||400,o=0;o<h;o++){var i=Math.floor(Math.random()*(n/2- -n+1))+-n,l=-(s+s+100*o);a.push({index:o,x1:i,y1:l,trailLength:s,trailLengthShrinkable:m,color:"red",dots:[{index:0,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:1,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:2,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:3,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:4,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:5,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:6,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:7,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:8,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:9,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:10,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:11,x:i+s+r+100*o,y:l+s+r+100*o,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}]})}C(a)},[]),a(function(){var t;if(z){var e=w.current;if(e){var a=e.getContext("2d");if(a&&(e.width=window.innerWidth,e.height=window.innerHeight,null!==(t=e.parentElement)&&void 0!==t&&t.clientHeight)){var r,n=e.parentElement.clientHeight,i=e.parentElement.clientWidth,l=function(){a.clearRect(0,0,e.width,e.height);var t,d=o(I);try{var h=function(){var e=t.value;if(e.x1+=2,e.y1+=2,e.trailLengthShrinkable>-20&&e.y1>=n/2){var r=Math.max(0,100*(e.y1+e.trailLength+e.trailLengthShrinkable-n/2)/n/4),l=e.trailLengthShrinkable*r/100;e.trailLengthShrinkable-=l,e.x1+=l,e.y1+=l}if(e.y1+e.trailLength+e.trailLengthShrinkable>=n){!function(){var t,r=0,n=o(e.dots);try{for(n.s();!(t=n.n()).done;){var i=t.value;r=(i.index/10*45+130)*(Math.PI/180),i.x-=Math.cos(r)*i.speed,i.y-=Math.sin(r)*i.speed,i.opacity*=.94,a.beginPath(),a.fillStyle="light"===b?"rgba(255, 106, 0,".concat(i.opacity,")"):"rgba(209, 213, 220,".concat(i.opacity,")"),a.arc(i.x+e.trailLength-e.trailLengthShrinkable+e.trailLengthShrinkable,i.y+e.trailLength-e.trailLengthShrinkable+e.trailLengthShrinkable,i.size,0,2*Math.PI,!1),a.fill()}}catch(t){n.e(t)}finally{n.f()}}()}if(e.y1>=n+150){var d=Math.floor(Math.random()*(i/2- -i+1))+-i,h=-(s+s);e.x1=d,e.y1=h,e.trailLength=s,e.trailLengthShrinkable=m,e.dots=[{index:0,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}],e.dots.push({index:1,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:2,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:3,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:4,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:5,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:6,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:7,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:8,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:9,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:10,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:11,x:d+s+n,y:h+s+n,size:Math.random()*(M-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2})}a.beginPath();var c=a.createLinearGradient(e.x1,e.y1,e.x1+e.trailLength+e.trailLengthShrinkable,e.y1+e.trailLength+e.trailLengthShrinkable);c.addColorStop(0,"light"===b?"white":"black"),c.addColorStop(.2,"rgba(255,255,0,1)"),c.addColorStop(.5,"rgba(255,165,0,1)"),c.addColorStop(.8,"rgba(255,69,0,0.8)"),c.addColorStop(1,"oklch(74.6% 0.16 232.661)"),a.moveTo(e.x1,e.y1),a.lineTo(e.x1+e.trailLength+e.trailLengthShrinkable,e.y1+e.trailLength+e.trailLengthShrinkable),a.lineWidth=u,a.strokeStyle=c,a.stroke(),a.beginPath(),a.fillStyle="rgba(0, 191, 255, ".concat(1.01+Math.sin(2*Math.PI*1*(e.y1/100)),")"),a.arc(e.x1+e.trailLength+e.trailLengthShrinkable+1,e.y1+e.trailLength+e.trailLengthShrinkable+1,x,0,2*Math.PI,!1),a.fill(),a.beginPath(),a.fillStyle="rgba(255, 110, 70, ".concat(e.y1%2,")"),a.arc(e.x1+e.trailLength+e.trailLengthShrinkable+1,e.y1+e.trailLength+e.trailLengthShrinkable+1,x-.4,0,2*Math.PI,!1),a.fill()};for(d.s();!(t=d.n()).done;)h()}catch(t){d.e(t)}finally{d.f()}r=requestAnimationFrame(l)};return l(),function(){cancelAnimationFrame(r)}}}}else console.log("animateUntill is false")},[I,z]),r("div",{className:"relative w-full h-full overflow-hidden",children:r("canvas",{ref:w,className:"absolute top-0 left-0 bg-[".concat(L[b],"]")})})}export{h as MeteorMash};
1
+ import{useRef as e,useState as t,useEffect as a}from"react";import{jsx as n,jsxs as r,Fragment as l}from"react/jsx-runtime";import{NavLink as i}from"react-router-dom";function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function s(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=u(e))||t){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,i=!0,o=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return i=e.done,e},e:function(e){o=!0,l=e},f:function(){try{i||null==a.return||a.return()}finally{if(o)throw l}}}}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,l,i,o=[],s=!0,c=!1;try{if(l=(a=a.call(e)).next,0===t);else for(;!(s=(n=l.call(a)).done)&&(o.push(n.value),o.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=a.return&&(i=a.return(),Object(i)!==i))return}finally{if(c)throw r}}return o}}(e,t)||u(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||u(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function u(e,t){if(e){if("string"==typeof e)return o(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?o(e,t):void 0}}var h={light:"white",dark:"black"};function f(r){var l=r.numOfMeteors,i=void 0===l?7:l,o=r.trailLength,d=void 0===o?20:o,u=r.trailLengthShrinkable,f=void 0===u?60:u,p=r.trailThickness,m=void 0===p?3:p,v=r.meteorCoreSize,x=void 0===v?2.4:v,g=r.collisionDebriSize,y=void 0===g?2:g,b=r.theme,w=void 0===b?"light":b,k=r.bgColor,N=void 0===k?h:k,M=r.animateUntill,S=void 0===M||M,L=e(null),C=c(t([]),2),z=C[0],B=C[1];return a(function(){for(var e,t,a=[],n=(null===(e=L.current)||void 0===e||null===(e=e.parentElement)||void 0===e?void 0:e.clientHeight)||400,r=(null===(t=L.current)||void 0===t||null===(t=t.parentElement)||void 0===t?void 0:t.clientWidth)||400,l=0;l<i;l++){var o=Math.floor(Math.random()*(r/2- -r+1))+-r,s=-(d+d+100*l);a.push({index:l,x1:o,y1:s,trailLength:d,trailLengthShrinkable:f,color:"red",dots:[{index:0,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:1,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:2,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:3,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:4,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:5,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:6,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:7,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:8,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:9,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:10,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:11,x:o+d+n+100*l,y:s+d+n+100*l,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}]})}B(a)},[]),a(function(){var e;if(S){var t=L.current;if(t){var a=t.getContext("2d");if(a&&(t.width=window.innerWidth,t.height=window.innerHeight,null!==(e=t.parentElement)&&void 0!==e&&e.clientHeight)){var n,r=t.parentElement.clientHeight,l=t.parentElement.clientWidth,i=function(){a.clearRect(0,0,t.width,t.height);var e,o=s(z);try{var c=function(){var t=e.value;if(t.x1+=2,t.y1+=2,t.trailLengthShrinkable>-20&&t.y1>=r/2){var n=Math.max(0,100*(t.y1+t.trailLength+t.trailLengthShrinkable-r/2)/r/4),i=t.trailLengthShrinkable*n/100;t.trailLengthShrinkable-=i,t.x1+=i,t.y1+=i}if(t.y1+t.trailLength+t.trailLengthShrinkable>=r){!function(){var e,n=0,r=s(t.dots);try{for(r.s();!(e=r.n()).done;){var l=e.value;n=(l.index/10*45+130)*(Math.PI/180),l.x-=Math.cos(n)*l.speed,l.y-=Math.sin(n)*l.speed,l.opacity*=.94,a.beginPath(),a.fillStyle="light"===w?"rgba(255, 106, 0,".concat(l.opacity,")"):"rgba(209, 213, 220,".concat(l.opacity,")"),a.arc(l.x+t.trailLength-t.trailLengthShrinkable+t.trailLengthShrinkable,l.y+t.trailLength-t.trailLengthShrinkable+t.trailLengthShrinkable,l.size,0,2*Math.PI,!1),a.fill()}}catch(e){r.e(e)}finally{r.f()}}()}if(t.y1>=r+150){var o=Math.floor(Math.random()*(l/2- -l+1))+-l,c=-(d+d);t.x1=o,t.y1=c,t.trailLength=d,t.trailLengthShrinkable=f,t.dots=[{index:0,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}],t.dots.push({index:1,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:2,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:3,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:4,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:5,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:6,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:7,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:8,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:9,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:10,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:11,x:o+d+r,y:c+d+r,size:Math.random()*(y-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2})}a.beginPath();var u=a.createLinearGradient(t.x1,t.y1,t.x1+t.trailLength+t.trailLengthShrinkable,t.y1+t.trailLength+t.trailLengthShrinkable);u.addColorStop(0,"light"===w?"white":"black"),u.addColorStop(.2,"rgba(255,255,0,1)"),u.addColorStop(.5,"rgba(255,165,0,1)"),u.addColorStop(.8,"rgba(255,69,0,0.8)"),u.addColorStop(1,"oklch(74.6% 0.16 232.661)"),a.moveTo(t.x1,t.y1),a.lineTo(t.x1+t.trailLength+t.trailLengthShrinkable,t.y1+t.trailLength+t.trailLengthShrinkable),a.lineWidth=m,a.strokeStyle=u,a.stroke(),a.beginPath(),a.fillStyle="rgba(0, 191, 255, ".concat(1.01+Math.sin(2*Math.PI*1*(t.y1/100)),")"),a.arc(t.x1+t.trailLength+t.trailLengthShrinkable+1,t.y1+t.trailLength+t.trailLengthShrinkable+1,x,0,2*Math.PI,!1),a.fill(),a.beginPath(),a.fillStyle="rgba(255, 110, 70, ".concat(t.y1%2,")"),a.arc(t.x1+t.trailLength+t.trailLengthShrinkable+1,t.y1+t.trailLength+t.trailLengthShrinkable+1,x-.4,0,2*Math.PI,!1),a.fill()};for(o.s();!(e=o.n()).done;)c()}catch(e){o.e(e)}finally{o.f()}n=requestAnimationFrame(i)};return i(),function(){cancelAnimationFrame(n)}}}}else console.log("animateUntill is false")},[z,S]),n("div",{className:"relative w-full h-full overflow-hidden",children:n("canvas",{ref:L,className:"absolute top-0 left-0 bg-[".concat(N[w],"]")})})}var p=function(e,t){return n("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-10 -10 44 44","stroke-width":"1.5","data-nav-item":e,className:"stroke-1 stroke-neutral-400 mix-blend-difference w-full h-full",style:{transition:"1s ease-in-out"},children:n("path",{"data-nav-item":e,"stroke-linecap":"round","stroke-linejoin":"round",d:t})})};function m(l){var o=l.navItems,s=l.fontSize,d=void 0===s?"18px":s,u=l.padding,h=void 0===u?"0px 0px":u,f=l.previewGap,m=void 0===f?"-48px":f,v=l.borderRadius,x=void 0===v?"0px":v,g=l.theme,y=c(t({x:0,width:0,left:0}),2),b=y[0],w=y[1],k=c(t(""),2),N=k[0],M=k[1],S=c(t(!1),2),L=S[0],C=S[1],z=c(t(0),2),B=z[0],E=z[1],I=e(null);return a(function(){!function(){var e=I.current;if(e){var t=e.getBoundingClientRect().x;E(t)}}()},[]),n("div",{className:"text-neutral-500 bg-neutral-50 dark:text-neutral-400 dark:bg-neutral-900",style:{fontSize:d,boxShadow:"light"===g?"0px 0px 8px 0.1px #00000050":"0px 0px 8px 0.1px #ffffff50",borderRadius:x},children:r("div",{ref:I,className:"relative w-min",onMouseOver:function(e){e.target.getAttribute("data-nav-item")&&C(!0)},onMouseMove:function(e){var t=e.target.getAttribute("data-nav-item");if(t){var a=e.target.getBoundingClientRect(),n=a.x,r=a.width,l=a.left;M(t),w({x:n,width:r,left:l})}},onMouseOut:function(e){e.target.getAttribute("data-nav-item")&&C(!1)},children:[n("div",{className:"rounded-sm absolute left-0 w-23 overflow-hidden transition-all ease-in-out duration-1000 border border-neutral-500",style:{translate:"".concat(b.x-B,"px"),width:b.width,opacity:L?1:0,top:m,borderRadius:x},children:n("div",{className:"w-max transition-all ease-in-out duration-1000 flex",style:{translate:"".concat(-b.x+B,"px")},children:o.map(function(e,t){var a=e.text;return n("div",{className:"transition-all ease duration-600 bg-neutral-800 text-neutral-200",style:{transform:N===a?"scale(1)":"scale(0.5)",filter:N===a?"blur(0)":"blur(7px)",padding:h,borderRadius:x},children:a},t)})})}),n("div",{style:{borderRadius:x},className:"flex overflow-hidden",children:o.map(function(e,t){var a=e.iconPath,l=e.text,s=e.url;return r(i,{to:s,className:"h-full cursor-pointer flex items-center relative transition-all ease-in-out duration-600 hover:bg-neutral-800 dark:hover:bg-neutral-800",style:{padding:h},children:[n("div",{className:"text-neutral-300 dark:text-neutral-600",children:l}),n("div",{className:"backdrop-blur-md absolute left-0 top-0 h-full w-full text-center content-center rounded-md transition-all ease-in-out duration-600",style:{scale:N===l?1:.9,borderRadius:0===t?"".concat(x," 0 0 ").concat(x):t===o.length-1?"0 ".concat(x," ").concat(x," 0"):"0"},children:p(l,a)}),n("div",{"data-nav-item":l,className:"backdrop-blur-md absolute left-0 top-0 h-full w-full text-center content-center opacity-0",children:"A"})]},t)})})]})})}var v=function(e){return n("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-2.5 -2.5 30 30","stroke-width":"1.5",className:"stroke-1 stroke-gray-400 w-full h-full",style:{transition:"1s ease-in-out"},children:n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})};function x(a){var l=a.blobCurvature,o=void 0===l?"2px":l,s=a.navItems,d=a.blobSize,u=void 0===d?"44px":d,h=a.blobY,f=void 0===h?"middle":h,p=a.blobTop,m=void 0===p?"-70px":p,x=c(t({x:-8,y:0}),2),g=x[0],y=x[1],b=c(t(""),2),w=b[0],k=b[1],N=c(t(null),2),M=N[0],S=N[1],L=c(t(0),2),C=L[0],z=L[1],B=e(null);return r("div",{ref:B,className:"relative w-max mx-auto",children:[n("svg",{xmlns:"http://www.w3.org/2000/svg",children:n("defs",{children:r("filter",{id:"goo",children:[n("feGaussianBlur",{in:"sourceGraphic",stdDeviation:"10",result:"blur"}),n("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),n("feBlend",{in:"sourceGraphic",in2:"goo"})]})})}),r("div",{className:"apply_goo_effect absolute left-0 w-full h-full",style:{top:m},children:[n("div",{className:"bg-gray-50 dark:bg-gray-900 flex gap-20",children:s.map(function(e){var t=e.text;return n("div",{className:"hover:bg-gray-900",children:n("div",{className:"opacity-0",children:t})},t)})}),n("div",{className:"border-10 border-gray-600 dark:border-gray-500 bg-gray-900 dark:bg-gray-100 w-15 absolute",style:{top:"top"===f?"-15px":"middle"===f?"-9px":"0px",left:g.x,height:u,width:"".concat(C+12,"px"),opacity:w?1:0,borderRadius:o,transition:"1s ease-in-out"}})]}),n("div",{className:"absolute left-0 w-full h-full",style:{top:m},children:n("div",{className:"flex gap-20 absolute top-0",children:s.map(function(e){var t=e.text;return n("div",{className:"",children:n("div",{className:"text-gray-50 dark:text-gray-900",children:t})},t)})})}),n("div",{className:"flex gap-20",onMouseOver:function(e){var t=e.target.getAttribute("data-nav-item"),a=B.current;if(t&&a){var n=e.target,r=a.getBoundingClientRect().x,l=n.getBoundingClientRect(),i=l.x,o=l.y,s=l.width;y({x:i-r-10,y:o}),z(s),k(t),g.x>i-r+20?S("right"):g.x<i-r-20?S("left"):S(null)}},onMouseOut:function(){return k("")},children:s.map(function(e){var t=e.iconPath,a=e.text,l=e.url;return r("div",{className:"border border-gray-200 dark:border-gray-700 overflow-hidden text-gray-500 hover:text-gray-300 dark:hover:text-gray-300 relative cursor-default transition-all duration-700 ease-in-out rounded-md hover:scale-115",children:[n("div",{className:"opacity-0",children:a}),n("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:w===a&&"left"===M?"scaleX(1)":"scaleX(0)",transformOrigin:"left",transition:"0.5s ease-in-out"}}),n("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:w===a&&"right"===M?"scaleX(1)":"scaleX(0)",transformOrigin:"right",transition:"0.5s ease-in-out"}}),n("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:w===a&&null===M?"scaleY(1)":"scaleY(0)",transformOrigin:"bottom",transition:"0.5s ease-in-out"}}),n("div",{className:"absolute top-0 left-0 inset-0 text-center",children:v(t)}),n(i,{to:l,"data-nav-item":a,className:"absolute top-0 left-0 inset-0 text-center opacity-0",children:a})]},a)})})]})}var g=function(e){return n("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-10 -10 44 44","stroke-width":"1.5",className:"stroke-1 stroke-gray-400 mix-blend-difference w-full h-full",style:{transition:"1s ease-in-out"},children:n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})};function y(a){var l=a.navItems,o=a.paddingX,s=void 0===o?"32px":o,d=a.paddingY,u=void 0===d?"10px":d,h=a.marginTop,f=void 0===h?"0px":h,p=e(null),m=c(t(""),2),v=m[0],x=m[1];return r("section",{ref:p,className:"max-w-3xl mx-auto min-h-screen px-4",style:{marginTop:f},children:[n("svg",{xmlns:"http://www.w3.org/2000/svg",children:n("defs",{children:r("filter",{id:"goo",children:[n("feGaussianBlur",{in:"sourceGraphic",stdDeviation:"10",result:"blur"}),n("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),n("feBlend",{in:"sourceGraphic",in2:"goo"})]})})}),r("div",{className:"relative w-min mx-auto",children:[n("div",{className:"absolute top-0 left-0 w-full h-full",children:r("div",{className:"relative",children:[n("div",{className:"apply_goo_effect flex bg-gray-400",style:{padding:"".concat(0," 0")},children:l.map(function(e){var t=e.text;return r("div",{className:"relative text-gray-800",children:[n("div",{className:"",style:{padding:"".concat(u," ").concat(s)},children:t}),n("div",{className:"bg-gray-800 text-transparent absolute left-0 h-full w-full",style:{padding:"0px ".concat(s),top:v===t?"-170%":"0px",transition:"1s ease-in-out"},children:t})]})})}),n("div",{className:"flex absolute left-0 h-full",style:{top:"-170%"},children:l.map(function(e){var t=e.text;return r("div",{className:"relative text-white",children:[n("div",{className:"opacity-0",style:{padding:"".concat(u," ").concat(s)},children:t}),n("div",{className:"absolute top-0 left-0 w-full h-full text-center content-center",style:{opacity:v===t?1:0,transition:"1.5s ease-in-out"},children:t})]})})})]})}),n("div",{className:"flex",style:{padding:"".concat(u," 0")},onMouseOver:function(e){var t=e.target.getAttribute("data-nav-item"),a=p.current;t&&a&&x(t)},onMouseOut:function(){x("")},children:l.map(function(e){var t=e.iconPath,a=e.text,l=e.url;return r("div",{className:"w-full relative",children:[n("div",{className:"opacity-0",style:{padding:"".concat(u," ").concat(s)},children:a}),n("div",{className:"absolute left-0 h-full w-full text-center content-center cursor-default",style:{top:"-".concat(u)},children:g(t)}),n(i,{to:l,"data-nav-item":a,className:"absolute top-0 left-0 w-full h-full opacity-0",children:a})]})})})]})]})}var b=function(e){return n("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",className:"w-5 h-5 stroke-1",style:{stroke:"#99a1af"},children:n("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})},w=0;function k(e){var l=e.navItems,o=e.fontSize,s=void 0===o?"18px":o,d=e.padding,u=void 0===d?"6px 24px":d,h=c(t(null),2),f=h[0],p=h[1],m=c(t(!1),2),v=m[0],x=m[1];function g(e){var t=e.target.getAttribute("data-nav-item");clearTimeout(w),x(!1),t?(p(t),w=setTimeout(function(){x(!0)},200)):p(null)}return a(function(){return window.addEventListener("mouseover",g),function(){return window.removeEventListener("mouseover",g)}},[]),n("div",{className:"flex w-min mx-auto rounded-md bg-white [box-shadow:0px_0px_8px_0.1px_gray] text-gray-500 dark:bg-gray-800 dark:text-gray-400",children:l.map(function(e,t){var a=e.iconPath,o=e.text,c=e.url;return r("div",{className:"relative",style:{fontSize:s},children:[n("div",{className:"absolute w-full h-full inset-0 text-black dark:text-white text-center content-center blur-sm",children:"O"}),n("div",{className:"border border-gray-500 bg-gray-800 text-gray-400 dark:bg-gray-50 dark:text-gray-600 absolute left-[50%] translate-x-[-50%]",style:{padding:u,top:f===o?"-150%":"0%",transition:f===o&&v?"0.6s ease-in-out":f===o?"0.4s ease":"0.2s ease-in-out",scale:f===o&&v?"1 1":"0.07 0.17",filter:f===o&&v?"blur(0)":"blur(5px)",borderRadius:f===o&&v?"4px":"2rem"},children:o}),n("div",{className:"".concat(f===o?"bg-gray-800 dark:bg-gray-50":"bg-gray-50 dark:bg-gray-800"),style:{padding:u,transition:"0.6s",borderRadius:0===t?"6px 0 0 6px":t===l.length-1?"0 6px 6px 0":"0px",scale:f===o?"1 1":"0.9 0.9",boxShadow:"0 0 4px 0.2px #a9a9a910 inset"},children:b(a)}),n(i,{to:c,"data-nav-item":o,className:"cursor-default absolute w-full h-full inset-0 text-center content-center text-transparent",style:{padding:u},children:o})]})})})}var N=0;function M(l){var i=l.btnIconPathD,o=void 0===i?"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z":i,u=l.fontSize,h=void 0===u?"text-lg":u,f=l.fontWeight,p=void 0===f?"font-normal":f,m=l.manuallyStartAnimation,v=l.placeHolder,x=void 0===v?"":v,g=l.setData,y=l.height,b=void 0===y?"40px":y,w=l.theme,k=void 0===w?"light":w,M=l.wave,S=void 0===M?{amplitude:4,cycles:10,numOfParticles:800,particleSize:.6,smokeEffect:!1}:M,L=l.onClick,C=l.onChange,z=l.onFocus,B=l.onBlur,E=l.onKeyUp,I=l.onKeyDown,P=e(null),A=e(null),R=e(null),T=e(null),j=c(t(!1),2),O=j[0],_=j[1],D=c(t(!0),2),U=D[0],G=D[1],H=c(t(!1),2),W=H[0],X=H[1];function F(){var e=R.current;e&&e.replaceChildren("")}function Y(e,t){var a=document.getElementById("caret");if(G(!1),a){e.removeChild(a);var n=e.children[t];n?e.insertBefore(a,n):e.appendChild(a)}else{var r=document.createElement("span");r.className="h-[75%] border border-black dark:border-white animate-pulse",r.id="caret";var l=e.children[t];l?e.insertBefore(r,l):e.appendChild(r)}}var K=function(){var e=[],t=P.current,a=A.current,n=T.current;if(t&&a&&n){var r=t.getContext("2d");if(r){var l=a.getBoundingClientRect(),i=n.getBoundingClientRect();t.width=W?l.width:i.width,t.height=i.height;for(var o=S.amplitude,c=S.cycles,d=S.numOfParticles,u=S.particleSize,h=S.smokeEffect,f=0;f<d;f++){var p=Math.sin(f/d*Math.PI*c)*o;e.push({potential:1,opacity:1,del:1-f/d,x:f/d*l.width,y:l.height/2,size:u,velX:Math.abs(1.5*(Math.random()-.5)),velY:.15*(Math.random()-p),acc:0})}var m=a.children;if(m){var v=m.length,x=function(){r.clearRect(0,0,t.width,t.height);var n,l=0,i=s(m);try{for(i.s();!(n=i.n()).done;){var o=n.value;l+=.9,v-=.01,o.style.opacity="".concat(v-l)}}catch(e){i.e(e)}finally{i.f()}if(e.forEach(function(e){e.del>0?e.del-=.01:(e.x+=e.velX,e.y+=e.velY,e.opacity-=.02,e.potential-=.01),r.fillStyle="light"===k?"rgba(255, 255, 255, ".concat(1-Math.abs(e.opacity),")"):"rgba(0, 0, 0, ".concat(1-Math.abs(e.opacity),")"),r.beginPath(),r.arc(e.x,e.y,h?Math.abs(e.size*e.opacity*30):u,0,2*Math.PI),r.fill()}),e.some(function(e){return e.potential>0})||v>0)requestAnimationFrame(x);else{var c=T.current;if(!c)return;c.value="",a.innerHTML="",c.blur(),_(!1)}};x()}}}};function q(){var e,t=document.getElementById("caret");null==t||t.remove(),0===(null===(e=A.current)||void 0===e?void 0:e.children.length)&&G(!0)}return a(function(){var e=P.current,t=A.current;if(e&&(t&&e.getContext("2d"))){var a=t.getBoundingClientRect();e.width=a.width,e.height=a.height}},[]),a(function(){return function(){var e=R.current;if(e){var t,a=s(x);try{for(a.s();!(t=a.n()).done;){var n=t.value,r=document.createElement("span");r.textContent=n,r.style.color="dark"===k?"#d4d4d4":"#404040",e.appendChild(r)}}catch(e){a.e(e)}finally{a.f()}}}(),F},[k]),a(function(){if(m){var e=document.getElementById("caret");if(!e)return;_(!0),K(),e.remove()}},[m]),r("div",{className:"border border-neutral-100 dark:border-neutral-800 w-full flex text-neutral-600 dark:text-neutral-100 rounded-sm overflow-hidden pl-1",children:[r("div",{className:"relative w-full",style:{height:b},children:[n("canvas",{ref:P,className:"absolute top-0 ".concat(W?"right-0":"left-0")}),n("div",{id:"boxRef","data-set":"box",ref:A,className:"".concat(h," ").concat(p," absolute top-0 ").concat(W?"right-0":"left-0"," flex items-center h-full overflow-hidden pr-5 content-center ").concat(U?"opacity-0":"opacity-100")}),n("div",{id:"placeHolderRef","data-set":"placeholder",ref:R,className:"".concat(h," ").concat(p," absolute top-0 h-full w-full content-center ").concat(U?"opacity-100":"opacity-0")}),n("input",{ref:T,type:"text",placeholder:"User Name",className:"".concat(h," ").concat(p," absolute top-0 left-0 h-full w-full opacity-0"),onChange:function(e){!function(e){var t=A.current,a=T.current;if(t&&a){var n=e.nativeEvent,r=n.data,l=n.inputType;g(e.target.value),t.getBoundingClientRect().width>=a.getBoundingClientRect().width?X(!0):X(!1),"insertFromPaste"===l&&r&&d(r).forEach(function(e){var a=document.createElement("span");a.textContent=e,t.appendChild(a)})}}(e),C&&C(e)},onKeyDown:function(e){!function(e){var t=A.current,a=document.getElementById("caret");if(t&&a){var n=e.key;if("Enter"===n)_(!0),K(),a.remove();else if("ArrowLeft"===n){var r=a.previousSibling;t.insertBefore(a,r)}else if("ArrowRight"===n){var l=a.nextSibling;if(!l)return;t.insertBefore(l,a)}else if("Backspace"===n){var i=a.previousSibling;i&&t.removeChild(i)}else if("Delete"===n){var o=a.nextSibling;o&&t.removeChild(o)}else if("Tab"===n)t.removeChild(a);else if(" "===n){var s=document.createElement("span");s.textContent=" ",s.className="w-1 inline-block",t.insertBefore(s,document.getElementById("caret"))}else{if(1!==n.length)throw Error("not printable key");var c=document.createElement("span");c.textContent=n,t.insertBefore(c,document.getElementById("caret"))}}}(e),I&&I(e)},onKeyUp:function(e){E&&E(e)},onFocus:function(e){N=setTimeout(function(){var e;Y(A.current,(null===(e=A.current)||void 0===e?void 0:e.children.length)||0)},600),z&&z(e)},onClick:function(e){!function(e){var t=e.currentTarget.selectionStart;clearTimeout(N),Y(A.current,t||0)}(e),L&&L(e)},onBlur:function(e){q(),B&&B(e)}})]}),r("button",{className:"relative p-2 bg-neutral-800 text-neutral-600 hover:text-neutral-400 cursor-pointer transition duration-300",onClick:function(){var e;null!==(e=T.current)&&void 0!==e&&e.value&&(_(!0),K())},children:[n("div",{className:"absolute top-0 left-0 inset-0 text-center content-center text-white blur-sm",children:"O"}),r("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"size-4 ".concat(O&&"animate-pulse"),children:[n("path",{className:"animate-spin origin-center text-neutral-200",strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99",style:{opacity:O?1:0,transition:"0.5s ease-in-out"}}),n("path",{strokeLinecap:"round",strokeLinejoin:"round",d:o,style:{opacity:O?0:1,transition:"0.5s ease-in-out"}})]})]})]})}var S=0,L=0;function C(a){var i,o=a.placeHolder,s=void 0===o?"":o,d=c(t(s),2),u=d[0],h=d[1],f=c(t(""),2),p=f[0],m=f[1],v=c(t(!1),2),x=v[0],g=v[1],y=c(t(!1),2),b=y[0],w=y[1],k=e(null),N=e(null);function M(){s&&u===s||(x||g(!0),setTimeout(function(){clearInterval(L),g(!1),console.log("khatam....");var e=N.current;e&&(e.value="",h(""))},u.length/11*1e3+1500),L=setInterval(function(){console.log("chal raha..."),m(function(e){var t=e.split("");return t.pop(),t.join("")})},(u.length/11*1e3+1500)/u.length))}return r(l,{children:[r("div",{className:"border border-neutral-200 dark:border-neutral-200/30 ".concat(u===s&&s?"text-neutral-400/50":"text-neutral-600 dark:text-neutral-300"," focus-within:[box-shadow:0px_0px_8px_0.1px_#d4d4d490_inset] flex justify-between items-center rounded-full px-1.25 py-1 transition-shadow duration-300 ease-in-out"),children:[r("div",{className:"relative w-[calc(100%-41px)] overflow-hidden",children:[n("input",{ref:N,disabled:x,type:"text",maxLength:160,className:"px-2 w-full max-w-full h-10 absolute text-transparent font-mono outline-none caret-gray-500",onChange:function(e){h(e.target.value),m(e.target.value),w(!0),clearTimeout(S),S=setTimeout(function(){w(!1)},500)},onKeyDown:function(e){"Enter"===e.key&&M()}}),n("div",{ref:k,className:"w-full pointer-events-none",children:n("div",{className:"h-10 flex justify-end",children:r("div",{className:"flex flex-col relative h-10 pl-2 mr-auto font-mono transition-transform duration-9000 ease-in",style:{animation:x&&!b?"slide ".concat(u.length/11,"s ").concat(((null===(i=k.current)||void 0===i?void 0:i.clientWidth)||10)<=120?"0.8s":"3.5s"," linear both"):"none"},children:[n("div",{className:"w-5 h-5 rounded-3xl absolute top-[50%] -right-5 translate-y-[-50%]"}),n("div",{className:"w-full h-[50%] flex",children:u.split("").map(function(e,t){return n("div",{className:"inline-block overflow-hidden h-full",style:{animation:x&&!b?"textUpperPart 1.5s ".concat(.09*(u.length-t),"s linear both"):"none"},children:n("div"," "===e?{className:"translate-y-[6.3px]",children:" "}:{className:"translate-y-[6.3px]",children:e})},t)})}),n("div",{className:"w-full h-[50%] flex",children:u.split("").map(function(e,t){return n("div",{className:"inline-block overflow-hidden h-full",style:{animation:x&&!b?"textLowerPart 1.5s ".concat(.09*(u.length-t),"s linear both"):"none"},children:n("div"," "===e?{className:"translate-y-[-13.7px]",children:" "}:{className:"translate-y-[-13.7px]",children:e})},t)})})]})})})]}),r("div",{className:"rounded-full w-10 h-10 overflow-hidden relative",children:[n("div",{className:"w-full h-full rounded-full",style:{background:"conic-gradient(at center, orange 0% ".concat(4*Math.floor(p.length/4)/160*100,"%, transparent ").concat(4*Math.floor(p.length/4)/160*100,"% 100%)")}}),n("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[87%] h-[87%] bg-gray-100 dark:bg-gray-800 rounded-full"}),n("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[50%] h-[50%] ".concat(!x&&!b&&160===u.length&&"bg-sky-400 dark:bg-sky-600"," ").concat(!x&&!b&&u.length<160&&"bg-neutral-900 dark:bg-neutral-500"," ").concat(b&&"bg-orange-500 animate-pulse"," ").concat(x&&!b&&"bg-orange-500 animate-ping"," transition-all duration-500 ease-in-out rounded-full")}),n("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] border-2 border-dashed border-white dark:border-neutral-900 w-full h-full rounded-full"}),n("button",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[90%] h-[90%] rounded-full bg-gray-200/5 dark:bg-gray-50/5 text-neutral-800 backdrop-blur-[6px]",onClick:M,children:n("div",{className:"h-full w-full rounded-full flex justify-around items-center",children:[1,2,3].map(function(e,t){return n("div",{className:"w-1.5 h-1.5 rounded-full bg-neutral-800 dark:bg-neutral-100",style:{transform:x?"translate(0px, 3px)":"translate(0px, 0px)",opacity:x||b?1:0,transitionDuration:"0.3s",animation:x?"oscillateUpDown 1s ".concat(.3*t,"s linear infinite"):"dotPulseLoader 1s ".concat(.3*t,"s ease-in-out infinite")}})})})})]})]}),n("style",{children:"\n @keyframes dotPulseLoader {\n 0%{ transform:scale(0.9) }\n 50%{ transform:scale(1.4) }\n 100%{ transform:scale(0.9) }\n }\n @keyframes oscillateUpDown {\n 0%{ transform:translate(0px, 3px) }\n 50%{ transform:translate(0px, -3px) }\n 100%{ transform:translate(0px, 3px) }\n }\n @keyframes slide {\n 0%{ transform:translate(0px, 0px) }\n 100%{ transform:translate(100%, 0px) }\n }\n @keyframes textUpperPart {\n 0%{ transform:translate(0px, 0px) scale(1); filter:opacity(1); }\n 20%{ transform:translate(1px, -7px) scale(1.2); filter:opacity(1); }\n 40%{ transform:translate(2px, -14px) scale(1.5); filter:opacity(0.5); }\n 60%{ transform:translate(1px, -14px) scale(1.2); filter:opacity(0.3); }\n 80%{ transform:translate(0.5px, -7px) scale(1); filter:opacity(0.2); }\n 95%{ transform:translate(0px, -4px) scale(0.9); filter:opacity(0.2); }\n 100%{ transform:translate(0px, -4px) scale(0.9); filter:opacity(0); }\n }\n @keyframes textLowerPart {\n 0%{ transform:translate(0px, 0px) scale(1); filter:opacity(1); }\n 20%{ transform:translate(1px, 7px) scale(1.2); filter:opacity(1); }\n 40%{ transform:translate(2px, 14px) scale(1.5); filter:opacity(1); }\n 60%{ transform:translate(1px, 14px) scale(1.2); filter:opacity(0.5); }\n 80%{ transform:translate(0.5px, 7px) scale(1); filter:opacity(0.3); }\n 95%{ transform:translate(0px, 4px) scale(0.9); filter:opacity(0.3); }\n 100%{ transform:translate(0px, 4px) scale(0.9); filter:opacity(0); }\n }\n "})]})}export{m as DiaScrollerNavbar,x as FluidNavbar,y as GooeyNavbar,f as MeteorMash,M as ParticleVanishingInput,k as PopupNavabr,C as TextSlashInput};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var t=require("react"),e=require("react/jsx-runtime");function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=Array(e);a<e;a++)r[a]=t[a];return r}function r(t,e){var a="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!a){if(Array.isArray(t)||(a=o(t))||e){a&&(t=a);var r=0,n=function(){};return{s:n,n:function(){return r>=t.length?{done:!0}:{done:!1,value:t[r++]}},e:function(t){throw t},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,d=!1;return{s:function(){a=a.call(t)},n:function(){var t=a.next();return l=t.done,t},e:function(t){d=!0,i=t},f:function(){try{l||null==a.return||a.return()}finally{if(d)throw i}}}}function n(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var r,n,o,i,l=[],d=!0,h=!1;try{if(o=(a=a.call(t)).next,0===e);else for(;!(d=(r=o.call(a)).done)&&(l.push(r.value),l.length!==e);d=!0);}catch(t){h=!0,n=t}finally{try{if(!d&&null!=a.return&&(i=a.return(),Object(i)!==i))return}finally{if(h)throw n}}return l}}(t,e)||o(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(t,e){if(t){if("string"==typeof t)return a(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(t,e):void 0}}var i={light:"white",dark:"black"};exports.MeteorMash=function(a){var o=a.numOfMeteors,l=void 0===o?7:o,d=a.trailLength,h=void 0===d?20:d,c=a.trailLengthShrinkable,s=void 0===c?60:c,y=a.trailThickness,u=void 0===y?3:y,p=a.meteorCoreSize,m=void 0===p?2.4:p,f=a.collisionDebriSize,x=void 0===f?2:f,g=a.theme,M=void 0===g?"light":g,v=a.bgColor,b=void 0===v?i:v,S=a.animateUntill,L=void 0===S||S,k=t.useRef(null),z=n(t.useState([]),2),w=z[0],A=z[1];return t.useEffect(function(){for(var t,e,a=[],r=(null===(t=k.current)||void 0===t||null===(t=t.parentElement)||void 0===t?void 0:t.clientHeight)||400,n=(null===(e=k.current)||void 0===e||null===(e=e.parentElement)||void 0===e?void 0:e.clientWidth)||400,o=0;o<l;o++){var i=Math.floor(Math.random()*(n/2- -n+1))+-n,d=-(h+h+100*o);a.push({index:o,x1:i,y1:d,trailLength:h,trailLengthShrinkable:s,color:"red",dots:[{index:0,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:1,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:2,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:3,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:4,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:5,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:6,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:7,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:8,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:9,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:10,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:11,x:i+h+r+100*o,y:d+h+r+100*o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}]})}A(a)},[]),t.useEffect(function(){var t;if(L){var e=k.current;if(e){var a=e.getContext("2d");if(a&&(e.width=window.innerWidth,e.height=window.innerHeight,null!==(t=e.parentElement)&&void 0!==t&&t.clientHeight)){var n,o=e.parentElement.clientHeight,i=e.parentElement.clientWidth,l=function(){a.clearRect(0,0,e.width,e.height);var t,d=r(w);try{var c=function(){var e=t.value;if(e.x1+=2,e.y1+=2,e.trailLengthShrinkable>-20&&e.y1>=o/2){var n=Math.max(0,100*(e.y1+e.trailLength+e.trailLengthShrinkable-o/2)/o/4),l=e.trailLengthShrinkable*n/100;e.trailLengthShrinkable-=l,e.x1+=l,e.y1+=l}if(e.y1+e.trailLength+e.trailLengthShrinkable>=o){!function(){var t,n=0,o=r(e.dots);try{for(o.s();!(t=o.n()).done;){var i=t.value;n=(i.index/10*45+130)*(Math.PI/180),i.x-=Math.cos(n)*i.speed,i.y-=Math.sin(n)*i.speed,i.opacity*=.94,a.beginPath(),a.fillStyle="light"===M?"rgba(255, 106, 0,".concat(i.opacity,")"):"rgba(209, 213, 220,".concat(i.opacity,")"),a.arc(i.x+e.trailLength-e.trailLengthShrinkable+e.trailLengthShrinkable,i.y+e.trailLength-e.trailLengthShrinkable+e.trailLengthShrinkable,i.size,0,2*Math.PI,!1),a.fill()}}catch(t){o.e(t)}finally{o.f()}}()}if(e.y1>=o+150){var d=Math.floor(Math.random()*(i/2- -i+1))+-i,c=-(h+h);e.x1=d,e.y1=c,e.trailLength=h,e.trailLengthShrinkable=s,e.dots=[{index:0,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}],e.dots.push({index:1,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:2,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:3,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:4,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:5,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:6,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:7,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:8,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:9,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:10,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),e.dots.push({index:11,x:d+h+o,y:c+h+o,size:Math.random()*(x-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2})}a.beginPath();var y=a.createLinearGradient(e.x1,e.y1,e.x1+e.trailLength+e.trailLengthShrinkable,e.y1+e.trailLength+e.trailLengthShrinkable);y.addColorStop(0,"light"===M?"white":"black"),y.addColorStop(.2,"rgba(255,255,0,1)"),y.addColorStop(.5,"rgba(255,165,0,1)"),y.addColorStop(.8,"rgba(255,69,0,0.8)"),y.addColorStop(1,"oklch(74.6% 0.16 232.661)"),a.moveTo(e.x1,e.y1),a.lineTo(e.x1+e.trailLength+e.trailLengthShrinkable,e.y1+e.trailLength+e.trailLengthShrinkable),a.lineWidth=u,a.strokeStyle=y,a.stroke(),a.beginPath(),a.fillStyle="rgba(0, 191, 255, ".concat(1.01+Math.sin(2*Math.PI*1*(e.y1/100)),")"),a.arc(e.x1+e.trailLength+e.trailLengthShrinkable+1,e.y1+e.trailLength+e.trailLengthShrinkable+1,m,0,2*Math.PI,!1),a.fill(),a.beginPath(),a.fillStyle="rgba(255, 110, 70, ".concat(e.y1%2,")"),a.arc(e.x1+e.trailLength+e.trailLengthShrinkable+1,e.y1+e.trailLength+e.trailLengthShrinkable+1,m-.4,0,2*Math.PI,!1),a.fill()};for(d.s();!(t=d.n()).done;)c()}catch(t){d.e(t)}finally{d.f()}n=requestAnimationFrame(l)};return l(),function(){cancelAnimationFrame(n)}}}}else console.log("animateUntill is false")},[w,L]),e.jsx("div",{className:"relative w-full h-full overflow-hidden",children:e.jsx("canvas",{ref:k,className:"absolute top-0 left-0 bg-[".concat(b[M],"]")})})};
1
+ "use strict";var e=require("react"),t=require("react/jsx-runtime"),a=require("react-router-dom");function n(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=Array(t);a<t;a++)n[a]=e[a];return n}function r(e,t){var a="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!a){if(Array.isArray(e)||(a=o(e))||t){a&&(e=a);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,l=!0,s=!1;return{s:function(){a=a.call(e)},n:function(){var e=a.next();return l=e.done,e},e:function(e){s=!0,i=e},f:function(){try{l||null==a.return||a.return()}finally{if(s)throw i}}}}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var n,r,i,l,o=[],s=!0,c=!1;try{if(i=(a=a.call(e)).next,0===t);else for(;!(s=(n=i.call(a)).done)&&(o.push(n.value),o.length!==t);s=!0);}catch(e){c=!0,r=e}finally{try{if(!s&&null!=a.return&&(l=a.return(),Object(l)!==l))return}finally{if(c)throw r}}return o}}(e,t)||o(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e){return function(e){if(Array.isArray(e))return n(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||o(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){if(e){if("string"==typeof e)return n(e,t);var a={}.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?n(e,t):void 0}}var s={light:"white",dark:"black"};var c=function(e,a){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-10 -10 44 44","stroke-width":"1.5","data-nav-item":e,className:"stroke-1 stroke-neutral-400 mix-blend-difference w-full h-full",style:{transition:"1s ease-in-out"},children:t.jsx("path",{"data-nav-item":e,"stroke-linecap":"round","stroke-linejoin":"round",d:a})})};var d=function(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-2.5 -2.5 30 30","stroke-width":"1.5",className:"stroke-1 stroke-gray-400 w-full h-full",style:{transition:"1s ease-in-out"},children:t.jsx("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})};var u=function(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"-10 -10 44 44","stroke-width":"1.5",className:"stroke-1 stroke-gray-400 mix-blend-difference w-full h-full",style:{transition:"1s ease-in-out"},children:t.jsx("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})};var h=function(e){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",className:"w-5 h-5 stroke-1",style:{stroke:"#99a1af"},children:t.jsx("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:e})})},f=0;var x=0;var p=0,m=0;exports.DiaScrollerNavbar=function(n){var r=n.navItems,l=n.fontSize,o=void 0===l?"18px":l,s=n.padding,d=void 0===s?"0px 0px":s,u=n.previewGap,h=void 0===u?"-48px":u,f=n.borderRadius,x=void 0===f?"0px":f,p=n.theme,m=i(e.useState({x:0,width:0,left:0}),2),v=m[0],g=m[1],y=i(e.useState(""),2),b=y[0],w=y[1],j=i(e.useState(!1),2),k=j[0],N=j[1],M=i(e.useState(0),2),S=M[0],L=M[1],C=e.useRef(null);return e.useEffect(function(){!function(){var e=C.current;if(e){var t=e.getBoundingClientRect().x;L(t)}}()},[]),t.jsx("div",{className:"text-neutral-500 bg-neutral-50 dark:text-neutral-400 dark:bg-neutral-900",style:{fontSize:o,boxShadow:"light"===p?"0px 0px 8px 0.1px #00000050":"0px 0px 8px 0.1px #ffffff50",borderRadius:x},children:t.jsxs("div",{ref:C,className:"relative w-min",onMouseOver:function(e){e.target.getAttribute("data-nav-item")&&N(!0)},onMouseMove:function(e){var t=e.target.getAttribute("data-nav-item");if(t){var a=e.target.getBoundingClientRect(),n=a.x,r=a.width,i=a.left;w(t),g({x:n,width:r,left:i})}},onMouseOut:function(e){e.target.getAttribute("data-nav-item")&&N(!1)},children:[t.jsx("div",{className:"rounded-sm absolute left-0 w-23 overflow-hidden transition-all ease-in-out duration-1000 border border-neutral-500",style:{translate:"".concat(v.x-S,"px"),width:v.width,opacity:k?1:0,top:h,borderRadius:x},children:t.jsx("div",{className:"w-max transition-all ease-in-out duration-1000 flex",style:{translate:"".concat(-v.x+S,"px")},children:r.map(function(e,a){var n=e.text;return t.jsx("div",{className:"transition-all ease duration-600 bg-neutral-800 text-neutral-200",style:{transform:b===n?"scale(1)":"scale(0.5)",filter:b===n?"blur(0)":"blur(7px)",padding:d,borderRadius:x},children:n},a)})})}),t.jsx("div",{style:{borderRadius:x},className:"flex overflow-hidden",children:r.map(function(e,n){var i=e.iconPath,l=e.text,o=e.url;return t.jsxs(a.NavLink,{to:o,className:"h-full cursor-pointer flex items-center relative transition-all ease-in-out duration-600 hover:bg-neutral-800 dark:hover:bg-neutral-800",style:{padding:d},children:[t.jsx("div",{className:"text-neutral-300 dark:text-neutral-600",children:l}),t.jsx("div",{className:"backdrop-blur-md absolute left-0 top-0 h-full w-full text-center content-center rounded-md transition-all ease-in-out duration-600",style:{scale:b===l?1:.9,borderRadius:0===n?"".concat(x," 0 0 ").concat(x):n===r.length-1?"0 ".concat(x," ").concat(x," 0"):"0"},children:c(l,i)}),t.jsx("div",{"data-nav-item":l,className:"backdrop-blur-md absolute left-0 top-0 h-full w-full text-center content-center opacity-0",children:"A"})]},n)})})]})})},exports.FluidNavbar=function(n){var r=n.blobCurvature,l=void 0===r?"2px":r,o=n.navItems,s=n.blobSize,c=void 0===s?"44px":s,u=n.blobY,h=void 0===u?"middle":u,f=n.blobTop,x=void 0===f?"-70px":f,p=i(e.useState({x:-8,y:0}),2),m=p[0],v=p[1],g=i(e.useState(""),2),y=g[0],b=g[1],w=i(e.useState(null),2),j=w[0],k=w[1],N=i(e.useState(0),2),M=N[0],S=N[1],L=e.useRef(null);return t.jsxs("div",{ref:L,className:"relative w-max mx-auto",children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",children:t.jsx("defs",{children:t.jsxs("filter",{id:"goo",children:[t.jsx("feGaussianBlur",{in:"sourceGraphic",stdDeviation:"10",result:"blur"}),t.jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),t.jsx("feBlend",{in:"sourceGraphic",in2:"goo"})]})})}),t.jsxs("div",{className:"apply_goo_effect absolute left-0 w-full h-full",style:{top:x},children:[t.jsx("div",{className:"bg-gray-50 dark:bg-gray-900 flex gap-20",children:o.map(function(e){var a=e.text;return t.jsx("div",{className:"hover:bg-gray-900",children:t.jsx("div",{className:"opacity-0",children:a})},a)})}),t.jsx("div",{className:"border-10 border-gray-600 dark:border-gray-500 bg-gray-900 dark:bg-gray-100 w-15 absolute",style:{top:"top"===h?"-15px":"middle"===h?"-9px":"0px",left:m.x,height:c,width:"".concat(M+12,"px"),opacity:y?1:0,borderRadius:l,transition:"1s ease-in-out"}})]}),t.jsx("div",{className:"absolute left-0 w-full h-full",style:{top:x},children:t.jsx("div",{className:"flex gap-20 absolute top-0",children:o.map(function(e){var a=e.text;return t.jsx("div",{className:"",children:t.jsx("div",{className:"text-gray-50 dark:text-gray-900",children:a})},a)})})}),t.jsx("div",{className:"flex gap-20",onMouseOver:function(e){var t=e.target.getAttribute("data-nav-item"),a=L.current;if(t&&a){var n=e.target,r=a.getBoundingClientRect().x,i=n.getBoundingClientRect(),l=i.x,o=i.y,s=i.width;v({x:l-r-10,y:o}),S(s),b(t),m.x>l-r+20?k("right"):m.x<l-r-20?k("left"):k(null)}},onMouseOut:function(){return b("")},children:o.map(function(e){var n=e.iconPath,r=e.text,i=e.url;return t.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 overflow-hidden text-gray-500 hover:text-gray-300 dark:hover:text-gray-300 relative cursor-default transition-all duration-700 ease-in-out rounded-md hover:scale-115",children:[t.jsx("div",{className:"opacity-0",children:r}),t.jsx("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:y===r&&"left"===j?"scaleX(1)":"scaleX(0)",transformOrigin:"left",transition:"0.5s ease-in-out"}}),t.jsx("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:y===r&&"right"===j?"scaleX(1)":"scaleX(0)",transformOrigin:"right",transition:"0.5s ease-in-out"}}),t.jsx("div",{className:"bg-gray-800 dark:bg-gray-200 absolute inset-0",style:{transform:y===r&&null===j?"scaleY(1)":"scaleY(0)",transformOrigin:"bottom",transition:"0.5s ease-in-out"}}),t.jsx("div",{className:"absolute top-0 left-0 inset-0 text-center",children:d(n)}),t.jsx(a.NavLink,{to:i,"data-nav-item":r,className:"absolute top-0 left-0 inset-0 text-center opacity-0",children:r})]},r)})})]})},exports.GooeyNavbar=function(n){var r=n.navItems,l=n.paddingX,o=void 0===l?"32px":l,s=n.paddingY,c=void 0===s?"10px":s,d=n.marginTop,h=void 0===d?"0px":d,f=e.useRef(null),x=i(e.useState(""),2),p=x[0],m=x[1];return t.jsxs("section",{ref:f,className:"max-w-3xl mx-auto min-h-screen px-4",style:{marginTop:h},children:[t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",children:t.jsx("defs",{children:t.jsxs("filter",{id:"goo",children:[t.jsx("feGaussianBlur",{in:"sourceGraphic",stdDeviation:"10",result:"blur"}),t.jsx("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -8",result:"goo"}),t.jsx("feBlend",{in:"sourceGraphic",in2:"goo"})]})})}),t.jsxs("div",{className:"relative w-min mx-auto",children:[t.jsx("div",{className:"absolute top-0 left-0 w-full h-full",children:t.jsxs("div",{className:"relative",children:[t.jsx("div",{className:"apply_goo_effect flex bg-gray-400",style:{padding:"".concat(0," 0")},children:r.map(function(e){var a=e.text;return t.jsxs("div",{className:"relative text-gray-800",children:[t.jsx("div",{className:"",style:{padding:"".concat(c," ").concat(o)},children:a}),t.jsx("div",{className:"bg-gray-800 text-transparent absolute left-0 h-full w-full",style:{padding:"0px ".concat(o),top:p===a?"-170%":"0px",transition:"1s ease-in-out"},children:a})]})})}),t.jsx("div",{className:"flex absolute left-0 h-full",style:{top:"-170%"},children:r.map(function(e){var a=e.text;return t.jsxs("div",{className:"relative text-white",children:[t.jsx("div",{className:"opacity-0",style:{padding:"".concat(c," ").concat(o)},children:a}),t.jsx("div",{className:"absolute top-0 left-0 w-full h-full text-center content-center",style:{opacity:p===a?1:0,transition:"1.5s ease-in-out"},children:a})]})})})]})}),t.jsx("div",{className:"flex",style:{padding:"".concat(c," 0")},onMouseOver:function(e){var t=e.target.getAttribute("data-nav-item"),a=f.current;t&&a&&m(t)},onMouseOut:function(){m("")},children:r.map(function(e){var n=e.iconPath,r=e.text,i=e.url;return t.jsxs("div",{className:"w-full relative",children:[t.jsx("div",{className:"opacity-0",style:{padding:"".concat(c," ").concat(o)},children:r}),t.jsx("div",{className:"absolute left-0 h-full w-full text-center content-center cursor-default",style:{top:"-".concat(c)},children:u(n)}),t.jsx(a.NavLink,{to:i,"data-nav-item":r,className:"absolute top-0 left-0 w-full h-full opacity-0",children:r})]})})})]})]})},exports.MeteorMash=function(a){var n=a.numOfMeteors,l=void 0===n?7:n,o=a.trailLength,c=void 0===o?20:o,d=a.trailLengthShrinkable,u=void 0===d?60:d,h=a.trailThickness,f=void 0===h?3:h,x=a.meteorCoreSize,p=void 0===x?2.4:x,m=a.collisionDebriSize,v=void 0===m?2:m,g=a.theme,y=void 0===g?"light":g,b=a.bgColor,w=void 0===b?s:b,j=a.animateUntill,k=void 0===j||j,N=e.useRef(null),M=i(e.useState([]),2),S=M[0],L=M[1];return e.useEffect(function(){for(var e,t,a=[],n=(null===(e=N.current)||void 0===e||null===(e=e.parentElement)||void 0===e?void 0:e.clientHeight)||400,r=(null===(t=N.current)||void 0===t||null===(t=t.parentElement)||void 0===t?void 0:t.clientWidth)||400,i=0;i<l;i++){var o=Math.floor(Math.random()*(r/2- -r+1))+-r,s=-(c+c+100*i);a.push({index:i,x1:o,y1:s,trailLength:c,trailLengthShrinkable:u,color:"red",dots:[{index:0,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:1,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:2,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:3,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:4,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:5,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:6,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:7,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:8,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:9,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:10,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2},{index:11,x:o+c+n+100*i,y:s+c+n+100*i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}]})}L(a)},[]),e.useEffect(function(){var e;if(k){var t=N.current;if(t){var a=t.getContext("2d");if(a&&(t.width=window.innerWidth,t.height=window.innerHeight,null!==(e=t.parentElement)&&void 0!==e&&e.clientHeight)){var n,i=t.parentElement.clientHeight,l=t.parentElement.clientWidth,o=function(){a.clearRect(0,0,t.width,t.height);var e,s=r(S);try{var d=function(){var t=e.value;if(t.x1+=2,t.y1+=2,t.trailLengthShrinkable>-20&&t.y1>=i/2){var n=Math.max(0,100*(t.y1+t.trailLength+t.trailLengthShrinkable-i/2)/i/4),o=t.trailLengthShrinkable*n/100;t.trailLengthShrinkable-=o,t.x1+=o,t.y1+=o}if(t.y1+t.trailLength+t.trailLengthShrinkable>=i){!function(){var e,n=0,i=r(t.dots);try{for(i.s();!(e=i.n()).done;){var l=e.value;n=(l.index/10*45+130)*(Math.PI/180),l.x-=Math.cos(n)*l.speed,l.y-=Math.sin(n)*l.speed,l.opacity*=.94,a.beginPath(),a.fillStyle="light"===y?"rgba(255, 106, 0,".concat(l.opacity,")"):"rgba(209, 213, 220,".concat(l.opacity,")"),a.arc(l.x+t.trailLength-t.trailLengthShrinkable+t.trailLengthShrinkable,l.y+t.trailLength-t.trailLengthShrinkable+t.trailLengthShrinkable,l.size,0,2*Math.PI,!1),a.fill()}}catch(e){i.e(e)}finally{i.f()}}()}if(t.y1>=i+150){var s=Math.floor(Math.random()*(l/2- -l+1))+-l,d=-(c+c);t.x1=s,t.y1=d,t.trailLength=c,t.trailLengthShrinkable=u,t.dots=[{index:0,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}],t.dots.push({index:1,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:2,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:3,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:4,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:5,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:6,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:7,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:8,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:9,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:10,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2}),t.dots.push({index:11,x:s+c+i,y:d+c+i,size:Math.random()*(v-.8)+.8,color:"",opacity:10,speed:Math.random()*(.8-.2)+.2})}a.beginPath();var h=a.createLinearGradient(t.x1,t.y1,t.x1+t.trailLength+t.trailLengthShrinkable,t.y1+t.trailLength+t.trailLengthShrinkable);h.addColorStop(0,"light"===y?"white":"black"),h.addColorStop(.2,"rgba(255,255,0,1)"),h.addColorStop(.5,"rgba(255,165,0,1)"),h.addColorStop(.8,"rgba(255,69,0,0.8)"),h.addColorStop(1,"oklch(74.6% 0.16 232.661)"),a.moveTo(t.x1,t.y1),a.lineTo(t.x1+t.trailLength+t.trailLengthShrinkable,t.y1+t.trailLength+t.trailLengthShrinkable),a.lineWidth=f,a.strokeStyle=h,a.stroke(),a.beginPath(),a.fillStyle="rgba(0, 191, 255, ".concat(1.01+Math.sin(2*Math.PI*1*(t.y1/100)),")"),a.arc(t.x1+t.trailLength+t.trailLengthShrinkable+1,t.y1+t.trailLength+t.trailLengthShrinkable+1,p,0,2*Math.PI,!1),a.fill(),a.beginPath(),a.fillStyle="rgba(255, 110, 70, ".concat(t.y1%2,")"),a.arc(t.x1+t.trailLength+t.trailLengthShrinkable+1,t.y1+t.trailLength+t.trailLengthShrinkable+1,p-.4,0,2*Math.PI,!1),a.fill()};for(s.s();!(e=s.n()).done;)d()}catch(e){s.e(e)}finally{s.f()}n=requestAnimationFrame(o)};return o(),function(){cancelAnimationFrame(n)}}}}else console.log("animateUntill is false")},[S,k]),t.jsx("div",{className:"relative w-full h-full overflow-hidden",children:t.jsx("canvas",{ref:N,className:"absolute top-0 left-0 bg-[".concat(w[y],"]")})})},exports.ParticleVanishingInput=function(a){var n=a.btnIconPathD,o=void 0===n?"m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z":n,s=a.fontSize,c=void 0===s?"text-lg":s,d=a.fontWeight,u=void 0===d?"font-normal":d,h=a.manuallyStartAnimation,f=a.placeHolder,p=void 0===f?"":f,m=a.setData,v=a.height,g=void 0===v?"40px":v,y=a.theme,b=void 0===y?"light":y,w=a.wave,j=void 0===w?{amplitude:4,cycles:10,numOfParticles:800,particleSize:.6,smokeEffect:!1}:w,k=a.onClick,N=a.onChange,M=a.onFocus,S=a.onBlur,L=a.onKeyUp,C=a.onKeyDown,z=e.useRef(null),E=e.useRef(null),B=e.useRef(null),R=e.useRef(null),I=i(e.useState(!1),2),P=I[0],A=I[1],T=i(e.useState(!0),2),O=T[0],D=T[1],_=i(e.useState(!1),2),U=_[0],G=_[1];function F(){var e=B.current;e&&e.replaceChildren("")}function H(e,t){var a=document.getElementById("caret");if(D(!1),a){e.removeChild(a);var n=e.children[t];n?e.insertBefore(a,n):e.appendChild(a)}else{var r=document.createElement("span");r.className="h-[75%] border border-black dark:border-white animate-pulse",r.id="caret";var i=e.children[t];i?e.insertBefore(r,i):e.appendChild(r)}}var W=function(){var e=[],t=z.current,a=E.current,n=R.current;if(t&&a&&n){var i=t.getContext("2d");if(i){var l=a.getBoundingClientRect(),o=n.getBoundingClientRect();t.width=U?l.width:o.width,t.height=o.height;for(var s=j.amplitude,c=j.cycles,d=j.numOfParticles,u=j.particleSize,h=j.smokeEffect,f=0;f<d;f++){var x=Math.sin(f/d*Math.PI*c)*s;e.push({potential:1,opacity:1,del:1-f/d,x:f/d*l.width,y:l.height/2,size:u,velX:Math.abs(1.5*(Math.random()-.5)),velY:.15*(Math.random()-x),acc:0})}var p=a.children;if(p){var m=p.length,v=function(){i.clearRect(0,0,t.width,t.height);var n,l=0,o=r(p);try{for(o.s();!(n=o.n()).done;){var s=n.value;l+=.9,m-=.01,s.style.opacity="".concat(m-l)}}catch(e){o.e(e)}finally{o.f()}if(e.forEach(function(e){e.del>0?e.del-=.01:(e.x+=e.velX,e.y+=e.velY,e.opacity-=.02,e.potential-=.01),i.fillStyle="light"===b?"rgba(255, 255, 255, ".concat(1-Math.abs(e.opacity),")"):"rgba(0, 0, 0, ".concat(1-Math.abs(e.opacity),")"),i.beginPath(),i.arc(e.x,e.y,h?Math.abs(e.size*e.opacity*30):u,0,2*Math.PI),i.fill()}),e.some(function(e){return e.potential>0})||m>0)requestAnimationFrame(v);else{var c=R.current;if(!c)return;c.value="",a.innerHTML="",c.blur(),A(!1)}};v()}}}};function X(){var e,t=document.getElementById("caret");null==t||t.remove(),0===(null===(e=E.current)||void 0===e?void 0:e.children.length)&&D(!0)}return e.useEffect(function(){var e=z.current,t=E.current;if(e&&(t&&e.getContext("2d"))){var a=t.getBoundingClientRect();e.width=a.width,e.height=a.height}},[]),e.useEffect(function(){return function(){var e=B.current;if(e){var t,a=r(p);try{for(a.s();!(t=a.n()).done;){var n=t.value,i=document.createElement("span");i.textContent=n,i.style.color="dark"===b?"#d4d4d4":"#404040",e.appendChild(i)}}catch(e){a.e(e)}finally{a.f()}}}(),F},[b]),e.useEffect(function(){if(h){var e=document.getElementById("caret");if(!e)return;A(!0),W(),e.remove()}},[h]),t.jsxs("div",{className:"border border-neutral-100 dark:border-neutral-800 w-full flex text-neutral-600 dark:text-neutral-100 rounded-sm overflow-hidden pl-1",children:[t.jsxs("div",{className:"relative w-full",style:{height:g},children:[t.jsx("canvas",{ref:z,className:"absolute top-0 ".concat(U?"right-0":"left-0")}),t.jsx("div",{id:"boxRef","data-set":"box",ref:E,className:"".concat(c," ").concat(u," absolute top-0 ").concat(U?"right-0":"left-0"," flex items-center h-full overflow-hidden pr-5 content-center ").concat(O?"opacity-0":"opacity-100")}),t.jsx("div",{id:"placeHolderRef","data-set":"placeholder",ref:B,className:"".concat(c," ").concat(u," absolute top-0 h-full w-full content-center ").concat(O?"opacity-100":"opacity-0")}),t.jsx("input",{ref:R,type:"text",placeholder:"User Name",className:"".concat(c," ").concat(u," absolute top-0 left-0 h-full w-full opacity-0"),onChange:function(e){!function(e){var t=E.current,a=R.current;if(t&&a){var n=e.nativeEvent,r=n.data,i=n.inputType;m(e.target.value),t.getBoundingClientRect().width>=a.getBoundingClientRect().width?G(!0):G(!1),"insertFromPaste"===i&&r&&l(r).forEach(function(e){var a=document.createElement("span");a.textContent=e,t.appendChild(a)})}}(e),N&&N(e)},onKeyDown:function(e){!function(e){var t=E.current,a=document.getElementById("caret");if(t&&a){var n=e.key;if("Enter"===n)A(!0),W(),a.remove();else if("ArrowLeft"===n){var r=a.previousSibling;t.insertBefore(a,r)}else if("ArrowRight"===n){var i=a.nextSibling;if(!i)return;t.insertBefore(i,a)}else if("Backspace"===n){var l=a.previousSibling;l&&t.removeChild(l)}else if("Delete"===n){var o=a.nextSibling;o&&t.removeChild(o)}else if("Tab"===n)t.removeChild(a);else if(" "===n){var s=document.createElement("span");s.textContent=" ",s.className="w-1 inline-block",t.insertBefore(s,document.getElementById("caret"))}else{if(1!==n.length)throw Error("not printable key");var c=document.createElement("span");c.textContent=n,t.insertBefore(c,document.getElementById("caret"))}}}(e),C&&C(e)},onKeyUp:function(e){L&&L(e)},onFocus:function(e){x=setTimeout(function(){var e;H(E.current,(null===(e=E.current)||void 0===e?void 0:e.children.length)||0)},600),M&&M(e)},onClick:function(e){!function(e){var t=e.currentTarget.selectionStart;clearTimeout(x),H(E.current,t||0)}(e),k&&k(e)},onBlur:function(e){X(),S&&S(e)}})]}),t.jsxs("button",{className:"relative p-2 bg-neutral-800 text-neutral-600 hover:text-neutral-400 cursor-pointer transition duration-300",onClick:function(){var e;null!==(e=R.current)&&void 0!==e&&e.value&&(A(!0),W())},children:[t.jsx("div",{className:"absolute top-0 left-0 inset-0 text-center content-center text-white blur-sm",children:"O"}),t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"size-4 ".concat(P&&"animate-pulse"),children:[t.jsx("path",{className:"animate-spin origin-center text-neutral-200",strokeLinecap:"round",strokeLinejoin:"round",d:"M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99",style:{opacity:P?1:0,transition:"0.5s ease-in-out"}}),t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:o,style:{opacity:P?0:1,transition:"0.5s ease-in-out"}})]})]})]})},exports.PopupNavabr=function(n){var r=n.navItems,l=n.fontSize,o=void 0===l?"18px":l,s=n.padding,c=void 0===s?"6px 24px":s,d=i(e.useState(null),2),u=d[0],x=d[1],p=i(e.useState(!1),2),m=p[0],v=p[1];function g(e){var t=e.target.getAttribute("data-nav-item");clearTimeout(f),v(!1),t?(x(t),f=setTimeout(function(){v(!0)},200)):x(null)}return e.useEffect(function(){return window.addEventListener("mouseover",g),function(){return window.removeEventListener("mouseover",g)}},[]),t.jsx("div",{className:"flex w-min mx-auto rounded-md bg-white [box-shadow:0px_0px_8px_0.1px_gray] text-gray-500 dark:bg-gray-800 dark:text-gray-400",children:r.map(function(e,n){var i=e.iconPath,l=e.text,s=e.url;return t.jsxs("div",{className:"relative",style:{fontSize:o},children:[t.jsx("div",{className:"absolute w-full h-full inset-0 text-black dark:text-white text-center content-center blur-sm",children:"O"}),t.jsx("div",{className:"border border-gray-500 bg-gray-800 text-gray-400 dark:bg-gray-50 dark:text-gray-600 absolute left-[50%] translate-x-[-50%]",style:{padding:c,top:u===l?"-150%":"0%",transition:u===l&&m?"0.6s ease-in-out":u===l?"0.4s ease":"0.2s ease-in-out",scale:u===l&&m?"1 1":"0.07 0.17",filter:u===l&&m?"blur(0)":"blur(5px)",borderRadius:u===l&&m?"4px":"2rem"},children:l}),t.jsx("div",{className:"".concat(u===l?"bg-gray-800 dark:bg-gray-50":"bg-gray-50 dark:bg-gray-800"),style:{padding:c,transition:"0.6s",borderRadius:0===n?"6px 0 0 6px":n===r.length-1?"0 6px 6px 0":"0px",scale:u===l?"1 1":"0.9 0.9",boxShadow:"0 0 4px 0.2px #a9a9a910 inset"},children:h(i)}),t.jsx(a.NavLink,{to:s,"data-nav-item":l,className:"cursor-default absolute w-full h-full inset-0 text-center content-center text-transparent",style:{padding:c},children:l})]})})})},exports.TextSlashInput=function(a){var n,r=a.placeHolder,l=void 0===r?"":r,o=i(e.useState(l),2),s=o[0],c=o[1],d=i(e.useState(""),2),u=d[0],h=d[1],f=i(e.useState(!1),2),x=f[0],v=f[1],g=i(e.useState(!1),2),y=g[0],b=g[1],w=e.useRef(null),j=e.useRef(null);function k(){l&&s===l||(x||v(!0),setTimeout(function(){clearInterval(m),v(!1),console.log("khatam....");var e=j.current;e&&(e.value="",c(""))},s.length/11*1e3+1500),m=setInterval(function(){console.log("chal raha..."),h(function(e){var t=e.split("");return t.pop(),t.join("")})},(s.length/11*1e3+1500)/s.length))}return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"border border-neutral-200 dark:border-neutral-200/30 ".concat(s===l&&l?"text-neutral-400/50":"text-neutral-600 dark:text-neutral-300"," focus-within:[box-shadow:0px_0px_8px_0.1px_#d4d4d490_inset] flex justify-between items-center rounded-full px-1.25 py-1 transition-shadow duration-300 ease-in-out"),children:[t.jsxs("div",{className:"relative w-[calc(100%-41px)] overflow-hidden",children:[t.jsx("input",{ref:j,disabled:x,type:"text",maxLength:160,className:"px-2 w-full max-w-full h-10 absolute text-transparent font-mono outline-none caret-gray-500",onChange:function(e){c(e.target.value),h(e.target.value),b(!0),clearTimeout(p),p=setTimeout(function(){b(!1)},500)},onKeyDown:function(e){"Enter"===e.key&&k()}}),t.jsx("div",{ref:w,className:"w-full pointer-events-none",children:t.jsx("div",{className:"h-10 flex justify-end",children:t.jsxs("div",{className:"flex flex-col relative h-10 pl-2 mr-auto font-mono transition-transform duration-9000 ease-in",style:{animation:x&&!y?"slide ".concat(s.length/11,"s ").concat(((null===(n=w.current)||void 0===n?void 0:n.clientWidth)||10)<=120?"0.8s":"3.5s"," linear both"):"none"},children:[t.jsx("div",{className:"w-5 h-5 rounded-3xl absolute top-[50%] -right-5 translate-y-[-50%]"}),t.jsx("div",{className:"w-full h-[50%] flex",children:s.split("").map(function(e,a){return t.jsx("div",{className:"inline-block overflow-hidden h-full",style:{animation:x&&!y?"textUpperPart 1.5s ".concat(.09*(s.length-a),"s linear both"):"none"},children:" "===e?t.jsx("div",{className:"translate-y-[6.3px]",children:" "}):t.jsx("div",{className:"translate-y-[6.3px]",children:e})},a)})}),t.jsx("div",{className:"w-full h-[50%] flex",children:s.split("").map(function(e,a){return t.jsx("div",{className:"inline-block overflow-hidden h-full",style:{animation:x&&!y?"textLowerPart 1.5s ".concat(.09*(s.length-a),"s linear both"):"none"},children:" "===e?t.jsx("div",{className:"translate-y-[-13.7px]",children:" "}):t.jsx("div",{className:"translate-y-[-13.7px]",children:e})},a)})})]})})})]}),t.jsxs("div",{className:"rounded-full w-10 h-10 overflow-hidden relative",children:[t.jsx("div",{className:"w-full h-full rounded-full",style:{background:"conic-gradient(at center, orange 0% ".concat(4*Math.floor(u.length/4)/160*100,"%, transparent ").concat(4*Math.floor(u.length/4)/160*100,"% 100%)")}}),t.jsx("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[87%] h-[87%] bg-gray-100 dark:bg-gray-800 rounded-full"}),t.jsx("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[50%] h-[50%] ".concat(!x&&!y&&160===s.length&&"bg-sky-400 dark:bg-sky-600"," ").concat(!x&&!y&&s.length<160&&"bg-neutral-900 dark:bg-neutral-500"," ").concat(y&&"bg-orange-500 animate-pulse"," ").concat(x&&!y&&"bg-orange-500 animate-ping"," transition-all duration-500 ease-in-out rounded-full")}),t.jsx("div",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] border-2 border-dashed border-white dark:border-neutral-900 w-full h-full rounded-full"}),t.jsx("button",{className:"absolute top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] w-[90%] h-[90%] rounded-full bg-gray-200/5 dark:bg-gray-50/5 text-neutral-800 backdrop-blur-[6px]",onClick:k,children:t.jsx("div",{className:"h-full w-full rounded-full flex justify-around items-center",children:[1,2,3].map(function(e,a){return t.jsx("div",{className:"w-1.5 h-1.5 rounded-full bg-neutral-800 dark:bg-neutral-100",style:{transform:x?"translate(0px, 3px)":"translate(0px, 0px)",opacity:x||y?1:0,transitionDuration:"0.3s",animation:x?"oscillateUpDown 1s ".concat(.3*a,"s linear infinite"):"dotPulseLoader 1s ".concat(.3*a,"s ease-in-out infinite")}})})})})]})]}),t.jsx("style",{children:"\n @keyframes dotPulseLoader {\n 0%{ transform:scale(0.9) }\n 50%{ transform:scale(1.4) }\n 100%{ transform:scale(0.9) }\n }\n @keyframes oscillateUpDown {\n 0%{ transform:translate(0px, 3px) }\n 50%{ transform:translate(0px, -3px) }\n 100%{ transform:translate(0px, 3px) }\n }\n @keyframes slide {\n 0%{ transform:translate(0px, 0px) }\n 100%{ transform:translate(100%, 0px) }\n }\n @keyframes textUpperPart {\n 0%{ transform:translate(0px, 0px) scale(1); filter:opacity(1); }\n 20%{ transform:translate(1px, -7px) scale(1.2); filter:opacity(1); }\n 40%{ transform:translate(2px, -14px) scale(1.5); filter:opacity(0.5); }\n 60%{ transform:translate(1px, -14px) scale(1.2); filter:opacity(0.3); }\n 80%{ transform:translate(0.5px, -7px) scale(1); filter:opacity(0.2); }\n 95%{ transform:translate(0px, -4px) scale(0.9); filter:opacity(0.2); }\n 100%{ transform:translate(0px, -4px) scale(0.9); filter:opacity(0); }\n }\n @keyframes textLowerPart {\n 0%{ transform:translate(0px, 0px) scale(1); filter:opacity(1); }\n 20%{ transform:translate(1px, 7px) scale(1.2); filter:opacity(1); }\n 40%{ transform:translate(2px, 14px) scale(1.5); filter:opacity(1); }\n 60%{ transform:translate(1px, 14px) scale(1.2); filter:opacity(0.5); }\n 80%{ transform:translate(0.5px, 7px) scale(1); filter:opacity(0.3); }\n 95%{ transform:translate(0px, 4px) scale(0.9); filter:opacity(0.3); }\n 100%{ transform:translate(0px, 4px) scale(0.9); filter:opacity(0); }\n }\n "})]})};
package/dist/styles.css CHANGED
@@ -441,11 +441,11 @@
441
441
  .border-white {
442
442
  border-color: var(--color-white);
443
443
  }
444
- .bg-\[\"\.concat\(L\[b\]\,\"\] {
445
- background-color: ".concat(L[b],";
444
+ .bg-\[\"\.concat\(N\[w\]\,\"\] {
445
+ background-color: ".concat(N[w],";
446
446
  }
447
- .bg-\[\"\.concat\(b\[M\]\,\"\] {
448
- background-color: ".concat(b[M],";
447
+ .bg-\[\"\.concat\(w\[y\]\,\"\] {
448
+ background-color: ".concat(w[y],";
449
449
  }
450
450
  .bg-gray-50 {
451
451
  background-color: var(--color-gray-50);
@@ -630,6 +630,9 @@
630
630
  --tw-blur: blur(var(--blur-sm));
631
631
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
632
632
  }
633
+ .filter {
634
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
635
+ }
633
636
  .backdrop-blur-\[6px\] {
634
637
  --tw-backdrop-blur: blur(6px);
635
638
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kotnala_ui",
3
- "version": "1.0.6",
3
+ "version": "1.0.7",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",