@alex_mtz/bittobyte-ui 0.1.1 → 0.1.2

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 (4) hide show
  1. package/dist/bittobyte-ui.cjs.js +1 -1
  2. package/dist/bittobyte-ui.css +1 -1
  3. package/dist/bittobyte-ui.es.js +59 -42
  4. package/package.json +1 -1
package/dist/bittobyte-ui.cjs.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("lucide-react"),n=require("react/jsx-runtime");var r=[{label:`Work`,href:`#projects`},{label:`Capabilities`,href:`#capabilities`},{label:`Stack`,href:`#stack`}],i=()=>{let[i,a]=(0,e.useState)(!1);return(0,e.useEffect)(()=>{let e=()=>a(window.scrollY>16);return e(),window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[]),(0,n.jsx)(`nav`,{className:`fixed top-0 z-50 w-full transition-all duration-300 ${i?`border-b border-white/5 bg-gray-950/70 backdrop-blur-xl`:`border-b border-transparent bg-transparent`}`,children:(0,n.jsxs)(`div`,{className:`mx-auto flex h-16 max-w-7xl items-center justify-between px-6`,children:[(0,n.jsxs)(`a`,{href:`#top`,className:`group flex items-center gap-2.5`,children:[(0,n.jsx)(`span`,{className:`relative flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 shadow-lg shadow-blue-500/30 transition-transform duration-300 group-hover:scale-110`,children:(0,n.jsx)(t.Code2,{className:`h-5 w-5 text-white`})}),(0,n.jsxs)(`span`,{className:`text-xl font-bold tracking-tight`,children:[`Bit`,(0,n.jsx)(`span`,{className:`bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent`,children:`To`}),`Byte`]})]}),(0,n.jsx)(`div`,{className:`hidden items-center gap-1 md:flex`,children:r.map(e=>(0,n.jsx)(`a`,{href:e.href,className:`rounded-full px-4 py-2 text-sm text-gray-400 transition-colors duration-200 hover:bg-white/5 hover:text-white`,children:e.label},e.href))}),(0,n.jsxs)(`a`,{href:`https://github.com/AlexMtzRmz0212`,target:`_blank`,rel:`noreferrer`,className:`group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-1.5 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white`,children:[(0,n.jsx)(t.GitBranch,{className:`h-4 w-4 transition-transform duration-300 group-hover:rotate-12`}),`GitHub`]})]})})},a=()=>(0,n.jsx)(`footer`,{className:`relative border-t border-white/5`,children:(0,n.jsxs)(`div`,{className:`mx-auto max-w-7xl px-6 py-12`,children:[(0,n.jsxs)(`div`,{className:`flex flex-col items-center justify-between gap-8 md:flex-row md:items-start`,children:[(0,n.jsxs)(`div`,{className:`flex flex-col items-center md:items-start`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,n.jsx)(`span`,{className:`flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600`,children:(0,n.jsx)(t.Code2,{className:`h-4 w-4 text-white`})}),(0,n.jsx)(`span`,{className:`text-lg font-bold tracking-tight`,children:`BitToByte`})]}),(0,n.jsx)(`p`,{className:`mt-3 max-w-xs text-center text-sm text-gray-500 md:text-left`,children:`A network of automated systems, AI applications, and data visualizations.`})]}),(0,n.jsxs)(`a`,{href:`https://github.com/AlexMtzRmz0212`,target:`_blank`,rel:`noreferrer`,className:`group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white`,children:[(0,n.jsx)(t.GitBranch,{className:`h-4 w-4 transition-transform duration-300 group-hover:rotate-12`}),`AlexMtzRmz0212`]})]}),(0,n.jsxs)(`div`,{className:`mt-10 flex flex-col items-center justify-between gap-4 border-t border-white/5 pt-6 text-sm text-gray-500 md:flex-row`,children:[(0,n.jsxs)(`p`,{className:`flex items-center gap-2`,children:[(0,n.jsx)(t.Cpu,{className:`h-4 w-4 text-gray-600`}),`© `,new Date().getFullYear(),` BitToByte Network. All rights reserved.`]}),(0,n.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,n.jsxs)(`span`,{className:`relative flex h-2 w-2`,children:[(0,n.jsx)(`span`,{className:`absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75`}),(0,n.jsx)(`span`,{className:`relative inline-flex h-2 w-2 rounded-full bg-emerald-500`})]}),`All Systems Online`]})]})]})});exports.Footer=a,exports.Navbar=i;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime"),t=require("react"),n=require("lucide-react");var r=()=>(0,e.jsxs)(`div`,{className:`pointer-events-none fixed inset-0 -z-10 overflow-hidden`,children:[(0,e.jsx)(`div`,{className:`absolute -top-40 -left-32 h-[38rem] w-[38rem] rounded-full bg-blue-600/20 blur-[130px] animate-aurora`}),(0,e.jsx)(`div`,{className:`absolute top-1/3 -right-32 h-[34rem] w-[34rem] rounded-full bg-purple-600/20 blur-[130px] animate-aurora [animation-delay:-7s]`}),(0,e.jsx)(`div`,{className:`absolute top-2/3 left-1/4 h-[30rem] w-[30rem] rounded-full bg-emerald-500/10 blur-[130px] animate-aurora [animation-delay:-14s]`}),(0,e.jsx)(`div`,{className:`absolute inset-0 animate-grid-fade`,style:{backgroundImage:`linear-gradient(to right, rgba(148,163,184,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(148,163,184,0.06) 1px, transparent 1px)`,backgroundSize:`52px 52px`,maskImage:`radial-gradient(ellipse 90% 70% at 50% 0%, #000 35%, transparent 100%)`,WebkitMaskImage:`radial-gradient(ellipse 90% 70% at 50% 0%, #000 35%, transparent 100%)`}}),(0,e.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 h-64 bg-gradient-to-t from-gray-950 to-transparent`})]}),i=[{label:`Work`,href:`#projects`},{label:`Capabilities`,href:`#capabilities`},{label:`Stack`,href:`#stack`}],a=()=>{let[r,a]=(0,t.useState)(!1);return(0,t.useEffect)(()=>{let e=()=>a(window.scrollY>16);return e(),window.addEventListener(`scroll`,e,{passive:!0}),()=>window.removeEventListener(`scroll`,e)},[]),(0,e.jsx)(`nav`,{className:`fixed top-0 z-50 w-full transition-all duration-300 ${r?`border-b border-white/5 bg-gray-950/70 backdrop-blur-xl`:`border-b border-transparent bg-transparent`}`,children:(0,e.jsxs)(`div`,{className:`mx-auto flex h-16 max-w-7xl items-center justify-between px-6`,children:[(0,e.jsxs)(`a`,{href:`#top`,className:`group flex items-center gap-2.5`,children:[(0,e.jsx)(`span`,{className:`relative flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 shadow-lg shadow-blue-500/30 transition-transform duration-300 group-hover:scale-110`,children:(0,e.jsx)(n.Code2,{className:`h-5 w-5 text-white`})}),(0,e.jsxs)(`span`,{className:`text-xl font-bold tracking-tight`,children:[`Bit`,(0,e.jsx)(`span`,{className:`bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent`,children:`To`}),`Byte`]})]}),(0,e.jsx)(`div`,{className:`hidden items-center gap-1 md:flex`,children:i.map(t=>(0,e.jsx)(`a`,{href:t.href,className:`rounded-full px-4 py-2 text-sm text-gray-400 transition-colors duration-200 hover:bg-white/5 hover:text-white`,children:t.label},t.href))}),(0,e.jsxs)(`a`,{href:`https://github.com/AlexMtzRmz0212`,target:`_blank`,rel:`noreferrer`,className:`group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-1.5 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white`,children:[(0,e.jsx)(n.GitBranch,{className:`h-4 w-4 transition-transform duration-300 group-hover:rotate-12`}),`GitHub`]})]})})},o=()=>(0,e.jsx)(`footer`,{className:`relative border-t border-white/5`,children:(0,e.jsxs)(`div`,{className:`mx-auto max-w-7xl px-6 py-12`,children:[(0,e.jsxs)(`div`,{className:`flex flex-col items-center justify-between gap-8 md:flex-row md:items-start`,children:[(0,e.jsxs)(`div`,{className:`flex flex-col items-center md:items-start`,children:[(0,e.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,e.jsx)(`span`,{className:`flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600`,children:(0,e.jsx)(n.Code2,{className:`h-4 w-4 text-white`})}),(0,e.jsx)(`span`,{className:`text-lg font-bold tracking-tight`,children:`BitToByte`})]}),(0,e.jsx)(`p`,{className:`mt-3 max-w-xs text-center text-sm text-gray-500 md:text-left`,children:`A network of automated systems, AI applications, and data visualizations.`})]}),(0,e.jsxs)(`a`,{href:`https://github.com/AlexMtzRmz0212`,target:`_blank`,rel:`noreferrer`,className:`group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white`,children:[(0,e.jsx)(n.GitBranch,{className:`h-4 w-4 transition-transform duration-300 group-hover:rotate-12`}),`AlexMtzRmz0212`]})]}),(0,e.jsxs)(`div`,{className:`mt-10 flex flex-col items-center justify-between gap-4 border-t border-white/5 pt-6 text-sm text-gray-500 md:flex-row`,children:[(0,e.jsxs)(`p`,{className:`flex items-center gap-2`,children:[(0,e.jsx)(n.Cpu,{className:`h-4 w-4 text-gray-600`}),`© `,new Date().getFullYear(),` BitToByte Network. All rights reserved.`]}),(0,e.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,e.jsxs)(`span`,{className:`relative flex h-2 w-2`,children:[(0,e.jsx)(`span`,{className:`absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75`}),(0,e.jsx)(`span`,{className:`relative inline-flex h-2 w-2 rounded-full bg-emerald-500`})]}),`All Systems Online`]})]})]})});exports.Background=r,exports.Footer=o,exports.Navbar=a;
package/dist/bittobyte-ui.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-bold:700;--tracking-tight:-.025em;--radius-lg:.5rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-10{margin-top:calc(var(--spacing) * 10)}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray-950\/70{background-color:#030712b3}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/70{background-color:color-mix(in oklab, var(--color-gray-950) 70%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-6{padding-top:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.filter{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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,);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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:text-left{text-align:left}}}html{scroll-behavior:smooth}body{color:#f9fafb;-webkit-font-smoothing:antialiased;background-color:#030712}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#030712}::-webkit-scrollbar-thumb{background:linear-gradient(#1e293b,#0f172a);border:2px solid #030712;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes aurora{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-4%)scale(1.12)}66%{transform:translate(-4%,5%)scale(.92)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grid-fade{0%,to{opacity:.22}50%{opacity:.45}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.conic-border{background:conic-gradient(from 0deg, transparent 0deg, var(--glow,#3b82f6) 70deg, transparent 140deg, transparent 220deg, var(--glow,#3b82f6) 290deg, transparent 360deg)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{animation-duration:.001ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-950:oklch(13% .028 261.692);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-7xl:80rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-bold:700;--tracking-tight:-.025em;--radius-lg:.5rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--animate-aurora:aurora 20s ease-in-out infinite;--animate-grid-fade:grid-fade 12s ease-in-out infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.-top-40{top:calc(var(--spacing) * -40)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/3{top:33.3333%}.top-2\/3{top:66.6667%}.-right-32{right:calc(var(--spacing) * -32)}.bottom-0{bottom:calc(var(--spacing) * 0)}.-left-32{left:calc(var(--spacing) * -32)}.left-1\/4{left:25%}.-z-10{z-index:calc(10 * -1)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-10{margin-top:calc(var(--spacing) * 10)}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-16{height:calc(var(--spacing) * 16)}.h-64{height:calc(var(--spacing) * 64)}.h-\[30rem\]{height:30rem}.h-\[34rem\]{height:34rem}.h-\[38rem\]{height:38rem}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-\[30rem\]{width:30rem}.w-\[34rem\]{width:34rem}.w-\[38rem\]{width:38rem}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-xs{max-width:var(--container-xs)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-aurora{animation:var(--animate-aurora)}.animate-grid-fade{animation:var(--animate-grid-fade)}.animate-ping{animation:var(--animate-ping)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/20{background-color:color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-gray-950\/70{background-color:#030712b3}@supports (color:color-mix(in lab, red, red)){.bg-gray-950\/70{background-color:color-mix(in oklab, var(--color-gray-950) 70%, transparent)}}.bg-purple-600\/20{background-color:#9810fa33}@supports (color:color-mix(in lab, red, red)){.bg-purple-600\/20{background-color:color-mix(in oklab, var(--color-purple-600) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-gray-950{--tw-gradient-from:var(--color-gray-950);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-400{--tw-gradient-to:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-6{padding-top:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.blur-\[130px\]{--tw-blur:blur(130px);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,)}.filter{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,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,);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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\[animation-delay\:-7s\]{animation-delay:-7s}.\[animation-delay\:-14s\]{animation-delay:-14s}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-12:is(:where(.group):hover *){rotate:12deg}.hover\:border-white\/20:hover{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/20:hover{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-white:hover{color:var(--color-white)}}@media (width>=48rem){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:text-left{text-align:left}}}html{scroll-behavior:smooth}body{color:#f9fafb;-webkit-font-smoothing:antialiased;background-color:#030712}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#030712}::-webkit-scrollbar-thumb{background:linear-gradient(#1e293b,#0f172a);border:2px solid #030712;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#334155}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes aurora{0%,to{transform:translate(0)scale(1)}33%{transform:translate(5%,-4%)scale(1.12)}66%{transform:translate(-4%,5%)scale(.92)}}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grid-fade{0%,to{opacity:.22}50%{opacity:.45}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.conic-border{background:conic-gradient(from 0deg, transparent 0deg, var(--glow,#3b82f6) 70deg, transparent 140deg, transparent 220deg, var(--glow,#3b82f6) 290deg, transparent 360deg)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}*{animation-duration:.001ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
3
3
  /*$vite$:1*/
package/dist/bittobyte-ui.es.js CHANGED
@@ -1,8 +1,25 @@
1
- import { useEffect as e, useState as t } from "react";
2
- import { Code2 as n, Cpu as r, GitBranch as i } from "lucide-react";
3
- import { jsx as a, jsxs as o } from "react/jsx-runtime";
4
- //#region src/components/Navbar.jsx
5
- var s = [
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
+ import { useEffect as n, useState as r } from "react";
3
+ import { Code2 as i, Cpu as a, GitBranch as o } from "lucide-react";
4
+ //#region src/components/Background.jsx
5
+ var s = () => /* @__PURE__ */ t("div", {
6
+ className: "pointer-events-none fixed inset-0 -z-10 overflow-hidden",
7
+ children: [
8
+ /* @__PURE__ */ e("div", { className: "absolute -top-40 -left-32 h-[38rem] w-[38rem] rounded-full bg-blue-600/20 blur-[130px] animate-aurora" }),
9
+ /* @__PURE__ */ e("div", { className: "absolute top-1/3 -right-32 h-[34rem] w-[34rem] rounded-full bg-purple-600/20 blur-[130px] animate-aurora [animation-delay:-7s]" }),
10
+ /* @__PURE__ */ e("div", { className: "absolute top-2/3 left-1/4 h-[30rem] w-[30rem] rounded-full bg-emerald-500/10 blur-[130px] animate-aurora [animation-delay:-14s]" }),
11
+ /* @__PURE__ */ e("div", {
12
+ className: "absolute inset-0 animate-grid-fade",
13
+ style: {
14
+ backgroundImage: "linear-gradient(to right, rgba(148,163,184,0.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(148,163,184,0.06) 1px, transparent 1px)",
15
+ backgroundSize: "52px 52px",
16
+ maskImage: "radial-gradient(ellipse 90% 70% at 50% 0%, #000 35%, transparent 100%)",
17
+ WebkitMaskImage: "radial-gradient(ellipse 90% 70% at 50% 0%, #000 35%, transparent 100%)"
18
+ }
19
+ }),
20
+ /* @__PURE__ */ e("div", { className: "absolute inset-x-0 bottom-0 h-64 bg-gradient-to-t from-gray-950 to-transparent" })
21
+ ]
22
+ }), c = [
6
23
  {
7
24
  label: "Work",
8
25
  href: "#projects"
@@ -15,27 +32,27 @@ var s = [
15
32
  label: "Stack",
16
33
  href: "#stack"
17
34
  }
18
- ], c = () => {
19
- let [r, c] = t(!1);
20
- return e(() => {
21
- let e = () => c(window.scrollY > 16);
35
+ ], l = () => {
36
+ let [a, s] = r(!1);
37
+ return n(() => {
38
+ let e = () => s(window.scrollY > 16);
22
39
  return e(), window.addEventListener("scroll", e, { passive: !0 }), () => window.removeEventListener("scroll", e);
23
- }, []), /* @__PURE__ */ a("nav", {
24
- className: `fixed top-0 z-50 w-full transition-all duration-300 ${r ? "border-b border-white/5 bg-gray-950/70 backdrop-blur-xl" : "border-b border-transparent bg-transparent"}`,
25
- children: /* @__PURE__ */ o("div", {
40
+ }, []), /* @__PURE__ */ e("nav", {
41
+ className: `fixed top-0 z-50 w-full transition-all duration-300 ${a ? "border-b border-white/5 bg-gray-950/70 backdrop-blur-xl" : "border-b border-transparent bg-transparent"}`,
42
+ children: /* @__PURE__ */ t("div", {
26
43
  className: "mx-auto flex h-16 max-w-7xl items-center justify-between px-6",
27
44
  children: [
28
- /* @__PURE__ */ o("a", {
45
+ /* @__PURE__ */ t("a", {
29
46
  href: "#top",
30
47
  className: "group flex items-center gap-2.5",
31
- children: [/* @__PURE__ */ a("span", {
48
+ children: [/* @__PURE__ */ e("span", {
32
49
  className: "relative flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600 shadow-lg shadow-blue-500/30 transition-transform duration-300 group-hover:scale-110",
33
- children: /* @__PURE__ */ a(n, { className: "h-5 w-5 text-white" })
34
- }), /* @__PURE__ */ o("span", {
50
+ children: /* @__PURE__ */ e(i, { className: "h-5 w-5 text-white" })
51
+ }), /* @__PURE__ */ t("span", {
35
52
  className: "text-xl font-bold tracking-tight",
36
53
  children: [
37
54
  "Bit",
38
- /* @__PURE__ */ a("span", {
55
+ /* @__PURE__ */ e("span", {
39
56
  className: "bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent",
40
57
  children: "To"
41
58
  }),
@@ -43,71 +60,71 @@ var s = [
43
60
  ]
44
61
  })]
45
62
  }),
46
- /* @__PURE__ */ a("div", {
63
+ /* @__PURE__ */ e("div", {
47
64
  className: "hidden items-center gap-1 md:flex",
48
- children: s.map((e) => /* @__PURE__ */ a("a", {
49
- href: e.href,
65
+ children: c.map((t) => /* @__PURE__ */ e("a", {
66
+ href: t.href,
50
67
  className: "rounded-full px-4 py-2 text-sm text-gray-400 transition-colors duration-200 hover:bg-white/5 hover:text-white",
51
- children: e.label
52
- }, e.href))
68
+ children: t.label
69
+ }, t.href))
53
70
  }),
54
- /* @__PURE__ */ o("a", {
71
+ /* @__PURE__ */ t("a", {
55
72
  href: "https://github.com/AlexMtzRmz0212",
56
73
  target: "_blank",
57
74
  rel: "noreferrer",
58
75
  className: "group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-1.5 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white",
59
- children: [/* @__PURE__ */ a(i, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }), "GitHub"]
76
+ children: [/* @__PURE__ */ e(o, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }), "GitHub"]
60
77
  })
61
78
  ]
62
79
  })
63
80
  });
64
- }, l = () => /* @__PURE__ */ a("footer", {
81
+ }, u = () => /* @__PURE__ */ e("footer", {
65
82
  className: "relative border-t border-white/5",
66
- children: /* @__PURE__ */ o("div", {
83
+ children: /* @__PURE__ */ t("div", {
67
84
  className: "mx-auto max-w-7xl px-6 py-12",
68
- children: [/* @__PURE__ */ o("div", {
85
+ children: [/* @__PURE__ */ t("div", {
69
86
  className: "flex flex-col items-center justify-between gap-8 md:flex-row md:items-start",
70
- children: [/* @__PURE__ */ o("div", {
87
+ children: [/* @__PURE__ */ t("div", {
71
88
  className: "flex flex-col items-center md:items-start",
72
- children: [/* @__PURE__ */ o("div", {
89
+ children: [/* @__PURE__ */ t("div", {
73
90
  className: "flex items-center gap-2.5",
74
- children: [/* @__PURE__ */ a("span", {
91
+ children: [/* @__PURE__ */ e("span", {
75
92
  className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-purple-600",
76
- children: /* @__PURE__ */ a(n, { className: "h-4 w-4 text-white" })
77
- }), /* @__PURE__ */ a("span", {
93
+ children: /* @__PURE__ */ e(i, { className: "h-4 w-4 text-white" })
94
+ }), /* @__PURE__ */ e("span", {
78
95
  className: "text-lg font-bold tracking-tight",
79
96
  children: "BitToByte"
80
97
  })]
81
- }), /* @__PURE__ */ a("p", {
98
+ }), /* @__PURE__ */ e("p", {
82
99
  className: "mt-3 max-w-xs text-center text-sm text-gray-500 md:text-left",
83
100
  children: "A network of automated systems, AI applications, and data visualizations."
84
101
  })]
85
- }), /* @__PURE__ */ o("a", {
102
+ }), /* @__PURE__ */ t("a", {
86
103
  href: "https://github.com/AlexMtzRmz0212",
87
104
  target: "_blank",
88
105
  rel: "noreferrer",
89
106
  className: "group flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-4 py-2 text-sm text-gray-300 transition-all duration-300 hover:border-white/20 hover:bg-white/10 hover:text-white",
90
- children: [/* @__PURE__ */ a(i, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }), "AlexMtzRmz0212"]
107
+ children: [/* @__PURE__ */ e(o, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }), "AlexMtzRmz0212"]
91
108
  })]
92
- }), /* @__PURE__ */ o("div", {
109
+ }), /* @__PURE__ */ t("div", {
93
110
  className: "mt-10 flex flex-col items-center justify-between gap-4 border-t border-white/5 pt-6 text-sm text-gray-500 md:flex-row",
94
- children: [/* @__PURE__ */ o("p", {
111
+ children: [/* @__PURE__ */ t("p", {
95
112
  className: "flex items-center gap-2",
96
113
  children: [
97
- /* @__PURE__ */ a(r, { className: "h-4 w-4 text-gray-600" }),
114
+ /* @__PURE__ */ e(a, { className: "h-4 w-4 text-gray-600" }),
98
115
  "© ",
99
116
  (/* @__PURE__ */ new Date()).getFullYear(),
100
117
  " BitToByte Network. All rights reserved."
101
118
  ]
102
- }), /* @__PURE__ */ o("span", {
119
+ }), /* @__PURE__ */ t("span", {
103
120
  className: "flex items-center gap-2",
104
- children: [/* @__PURE__ */ o("span", {
121
+ children: [/* @__PURE__ */ t("span", {
105
122
  className: "relative flex h-2 w-2",
106
- children: [/* @__PURE__ */ a("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" }), /* @__PURE__ */ a("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" })]
123
+ children: [/* @__PURE__ */ e("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75" }), /* @__PURE__ */ e("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-emerald-500" })]
107
124
  }), "All Systems Online"]
108
125
  })]
109
126
  })]
110
127
  })
111
128
  });
112
129
  //#endregion
113
- export { l as Footer, c as Navbar };
130
+ export { s as Background, u as Footer, l as Navbar };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alex_mtz/bittobyte-ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "Shared UI component library for the BitToByte ecosystem",
5
5
  "type": "module",
6
6
  "main": "./dist/bittobyte-ui.cjs.js",