@farzadbagheri/fb-components 0.1.0

package/dist/backgrounds.css

@@ -0,0 +1,253 @@
+/* src/backgrounds/PredictiveArc.css */
+.fb-predictive-arc {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: var( --predictive-arc-background, #0d0d11 );
+}
+.fb-predictive-arc__line {
+  position: absolute;
+  left: 50%;
+  top: 60%;
+  border-radius: 50%;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0;
+  transform: translate(-50%, -50%);
+  border-top: var( --predictive-arc-thickness, 3px ) solid var( --predictive-arc-color, #9b7cff );
+  box-shadow: 0 0 var( --predictive-arc-glow, 16px ) var( --predictive-arc-color, #9b7cff );
+}
+.fb-predictive-arc__line--outer {
+  width: var( --predictive-arc-size, 70% );
+  height: 45%;
+}
+.fb-predictive-arc__line--inner {
+  width: 50%;
+  height: 32%;
+  opacity: 0.4;
+}
+.fb-predictive-arc__point {
+  position: absolute;
+  top: 60%;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var( --predictive-arc-color, #9b7cff );
+  box-shadow: 0 0 16px var( --predictive-arc-color, #9b7cff );
+}
+.fb-predictive-arc__point--left {
+  left: 20%;
+}
+.fb-predictive-arc__point--right {
+  right: 20%;
+}
+.fb-predictive-arc--animated .fb-predictive-arc__line--outer {
+  animation: fbPredictiveArcPulse 2.8s ease-in-out infinite alternate;
+}
+@keyframes fbPredictiveArcPulse {
+  from {
+    opacity: 0.55;
+    transform: translate(-50%, -50%) scale(0.98);
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, -50%) scale(1.02);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-predictive-arc * {
+    animation: none !important;
+  }
+}
+
+/* src/backgrounds/SignalParticles.css */
+.fb-signal-particles {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.fb-signal-particles__particle {
+  position: absolute;
+  border-radius: 50%;
+}
+.fb-signal-particles__particle--animated {
+  animation: fbSignalParticle 3s ease-in-out infinite alternate;
+}
+@keyframes fbSignalParticle {
+  from {
+    opacity: 0.2;
+    transform: scale(0.7);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1.2);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-signal-particles__particle {
+    animation: none !important;
+  }
+}
+
+/* src/backgrounds/DotMatrix.css */
+.fb-dot-matrix {
+  width: 100%;
+  height: 100%;
+}
+.fb-dot-matrix--fade {
+  mask-image:
+    radial-gradient(
+      circle,
+      #000 30%,
+      transparent 80%);
+  -webkit-mask-image:
+    radial-gradient(
+      circle,
+      #000 30%,
+      transparent 80%);
+}
+
+/* src/backgrounds/GradientMesh.css */
+.fb-gradient-mesh {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.fb-gradient-mesh__layer {
+  position: absolute;
+  inset: -25%;
+}
+.fb-gradient-mesh__layer--animated {
+  animation: fbGradientMeshMove 8s ease-in-out infinite alternate;
+}
+@keyframes fbGradientMeshMove {
+  from {
+    transform: translate3d(-3%, -2%, 0) scale(1);
+  }
+  to {
+    transform: translate3d(6%, 5%, 0) scale(1.12);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-gradient-mesh__layer {
+    animation: none !important;
+  }
+}
+
+/* src/backgrounds/AuroraGrid.css */
+.fb-aurora-grid {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.fb-aurora-grid__grid {
+  position: absolute;
+  inset: -35%;
+  transform: perspective(600px) rotateX(58deg) scale(1.35);
+  transform-origin: center bottom;
+}
+.fb-aurora-grid__grid--animated {
+  animation: fbAuroraGridMove 8s linear infinite;
+}
+.fb-aurora-grid__glow {
+  position: absolute;
+  left: 50%;
+  bottom: -18%;
+  width: 58%;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  opacity: 0.4;
+  transform: translateX(-50%);
+}
+.fb-aurora-grid__glow--animated {
+  animation: fbAuroraGlow 6s ease-in-out infinite alternate;
+}
+@keyframes fbAuroraGridMove {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 0 80px;
+  }
+}
+@keyframes fbAuroraGlow {
+  from {
+    transform: translateX(-50%) scale(0.9);
+    opacity: 0.28;
+  }
+  to {
+    transform: translateX(-50%) scale(1.15);
+    opacity: 0.5;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-aurora-grid__grid,
+  .fb-aurora-grid__glow {
+    animation: none !important;
+  }
+}
+
+/* src/backgrounds/NoiseField.css */
+.fb-noise-field {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.fb-noise-field__blob {
+  position: absolute;
+  width: 58%;
+  aspect-ratio: 1;
+  border-radius: 48% 52% 62% 38%;
+  filter: blur(45px);
+}
+.fb-noise-field__blob--one {
+  left: 8%;
+  top: 8%;
+}
+.fb-noise-field__blob--two {
+  right: -5%;
+  bottom: -8%;
+}
+.fb-noise-field__blob--animated {
+  animation: fbNoiseFieldMorph 6s ease-in-out infinite alternate;
+}
+.fb-noise-field__texture {
+  position: absolute;
+  inset: 0;
+  background-image:
+    repeating-radial-gradient(
+      circle at 30% 40%,
+      rgba(255, 255, 255, 0.22) 0 1px,
+      transparent 1px 4px);
+}
+.fb-noise-field__texture--animated {
+  animation: fbNoiseFieldTexture 5s linear infinite;
+}
+@keyframes fbNoiseFieldMorph {
+  from {
+    transform: translate3d(-8%, -5%, 0) rotate(-8deg) scale(0.95);
+  }
+  to {
+    transform: translate3d(14%, 10%, 0) rotate(14deg) scale(1.12);
+  }
+}
+@keyframes fbNoiseFieldTexture {
+  from {
+    transform: translate3d(0, 0, 0);
+  }
+  to {
+    transform: translate3d(16px, -12px, 0);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-noise-field__blob,
+  .fb-noise-field__texture {
+    animation: none !important;
+  }
+}
+/*# sourceMappingURL=backgrounds.css.map */

package/dist/backgrounds.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/backgrounds/PredictiveArc.css","../src/backgrounds/SignalParticles.css","../src/backgrounds/DotMatrix.css","../src/backgrounds/GradientMesh.css","../src/backgrounds/AuroraGrid.css","../src/backgrounds/NoiseField.css"],"sourcesContent":[".fb-predictive-arc {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    var(\r\n      --predictive-arc-background,\r\n      #0d0d11\r\n    );\r\n}\r\n\r\n.fb-predictive-arc__line {\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  top: 60%;\r\n\r\n  border-radius: 50%;\r\n\r\n  border-left: 0;\r\n  border-right: 0;\r\n  border-bottom: 0;\r\n\r\n  transform:\r\n    translate(\r\n      -50%,\r\n      -50%\r\n    );\r\n\r\n  border-top:\r\n    var(\r\n      --predictive-arc-thickness,\r\n      3px\r\n    )\r\n    solid\r\n    var(\r\n      --predictive-arc-color,\r\n      #9b7cff\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    var(\r\n      --predictive-arc-glow,\r\n      16px\r\n    )\r\n    var(\r\n      --predictive-arc-color,\r\n      #9b7cff\r\n    );\r\n}\r\n\r\n.fb-predictive-arc__line--outer {\r\n  width:\r\n    var(\r\n      --predictive-arc-size,\r\n      70%\r\n    );\r\n\r\n  height: 45%;\r\n}\r\n\r\n.fb-predictive-arc__line--inner {\r\n  width: 50%;\r\n  height: 32%;\r\n\r\n  opacity: 0.4;\r\n}\r\n\r\n.fb-predictive-arc__point {\r\n  position: absolute;\r\n\r\n  top: 60%;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    var(\r\n      --predictive-arc-color,\r\n      #9b7cff\r\n    );\r\n\r\n  box-shadow:\r\n    0\r\n    0\r\n    16px\r\n    var(\r\n      --predictive-arc-color,\r\n      #9b7cff\r\n    );\r\n}\r\n\r\n.fb-predictive-arc__point--left {\r\n  left: 20%;\r\n}\r\n\r\n.fb-predictive-arc__point--right {\r\n  right: 20%;\r\n}\r\n\r\n.fb-predictive-arc--animated\r\n.fb-predictive-arc__line--outer {\r\n  animation:\r\n    fbPredictiveArcPulse\r\n    2.8s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n@keyframes fbPredictiveArcPulse {\r\n  from {\r\n    opacity: 0.55;\r\n\r\n    transform:\r\n      translate(\r\n        -50%,\r\n        -50%\r\n      )\r\n      scale(0.98);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translate(\r\n        -50%,\r\n        -50%\r\n      )\r\n      scale(1.02);\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-predictive-arc * {\r\n    animation:\r\n      none !important;\r\n  }\r\n}",".fb-signal-particles {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.fb-signal-particles__particle {\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n.fb-signal-particles__particle--animated {\r\n  animation:\r\n    fbSignalParticle\r\n    3s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n@keyframes fbSignalParticle {\r\n  from {\r\n    opacity: 0.2;\r\n\r\n    transform:\r\n      scale(0.7);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n\r\n    transform:\r\n      scale(1.2);\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-signal-particles__particle {\r\n    animation:\r\n      none !important;\r\n  }\r\n}",".fb-dot-matrix {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.fb-dot-matrix--fade {\r\n  mask-image:\r\n    radial-gradient(\r\n      circle,\r\n      #000 30%,\r\n      transparent 80%\r\n    );\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      circle,\r\n      #000 30%,\r\n      transparent 80%\r\n    );\r\n}",".fb-gradient-mesh {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.fb-gradient-mesh__layer {\r\n  position: absolute;\r\n\r\n  inset: -25%;\r\n}\r\n\r\n.fb-gradient-mesh__layer--animated {\r\n  animation:\r\n    fbGradientMeshMove\r\n    8s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n@keyframes fbGradientMeshMove {\r\n  from {\r\n    transform:\r\n      translate3d(\r\n        -3%,\r\n        -2%,\r\n        0\r\n      )\r\n      scale(1);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translate3d(\r\n        6%,\r\n        5%,\r\n        0\r\n      )\r\n      scale(1.12);\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-gradient-mesh__layer {\r\n    animation:\r\n      none !important;\r\n  }\r\n}",".fb-aurora-grid {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.fb-aurora-grid__grid {\r\n  position: absolute;\r\n\r\n  inset: -35%;\r\n\r\n  transform:\r\n    perspective(600px)\r\n    rotateX(58deg)\r\n    scale(1.35);\r\n\r\n  transform-origin:\r\n    center bottom;\r\n}\r\n\r\n.fb-aurora-grid__grid--animated {\r\n  animation:\r\n    fbAuroraGridMove\r\n    8s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n.fb-aurora-grid__glow {\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  bottom: -18%;\r\n\r\n  width: 58%;\r\n  aspect-ratio: 1;\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.4;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n}\r\n\r\n.fb-aurora-grid__glow--animated {\r\n  animation:\r\n    fbAuroraGlow\r\n    6s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n@keyframes fbAuroraGridMove {\r\n  from {\r\n    background-position:\r\n      0\r\n      0;\r\n  }\r\n\r\n  to {\r\n    background-position:\r\n      0\r\n      80px;\r\n  }\r\n}\r\n\r\n@keyframes fbAuroraGlow {\r\n  from {\r\n    transform:\r\n      translateX(-50%)\r\n      scale(0.9);\r\n\r\n    opacity:\r\n      0.28;\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translateX(-50%)\r\n      scale(1.15);\r\n\r\n    opacity:\r\n      0.5;\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-aurora-grid__grid,\r\n  .fb-aurora-grid__glow {\r\n    animation:\r\n      none !important;\r\n  }\r\n}",".fb-noise-field {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n.fb-noise-field__blob {\r\n  position: absolute;\r\n\r\n  width: 58%;\r\n  aspect-ratio: 1;\r\n\r\n  border-radius:\r\n    48%\r\n    52%\r\n    62%\r\n    38%;\r\n\r\n  filter:\r\n    blur(45px);\r\n}\r\n\r\n.fb-noise-field__blob--one {\r\n  left: 8%;\r\n  top: 8%;\r\n}\r\n\r\n.fb-noise-field__blob--two {\r\n  right: -5%;\r\n  bottom: -8%;\r\n}\r\n\r\n.fb-noise-field__blob--animated {\r\n  animation:\r\n    fbNoiseFieldMorph\r\n    6s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n.fb-noise-field__texture {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background-image:\r\n    repeating-radial-gradient(\r\n      circle at 30% 40%,\r\n      rgba(\r\n        255,\r\n        255,\r\n        255,\r\n        0.22\r\n      )\r\n      0\r\n      1px,\r\n      transparent\r\n      1px\r\n      4px\r\n    );\r\n}\r\n\r\n.fb-noise-field__texture--animated {\r\n  animation:\r\n    fbNoiseFieldTexture\r\n    5s\r\n    linear\r\n    infinite;\r\n}\r\n\r\n@keyframes fbNoiseFieldMorph {\r\n  from {\r\n    transform:\r\n      translate3d(\r\n        -8%,\r\n        -5%,\r\n        0\r\n      )\r\n      rotate(-8deg)\r\n      scale(0.95);\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translate3d(\r\n        14%,\r\n        10%,\r\n        0\r\n      )\r\n      rotate(14deg)\r\n      scale(1.12);\r\n  }\r\n}\r\n\r\n@keyframes fbNoiseFieldTexture {\r\n  from {\r\n    transform:\r\n      translate3d(\r\n        0,\r\n        0,\r\n        0\r\n      );\r\n  }\r\n\r\n  to {\r\n    transform:\r\n      translate3d(\r\n        16px,\r\n        -12px,\r\n        0\r\n      );\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-noise-field__blob,\r\n  .fb-noise-field__texture {\r\n    animation:\r\n      none !important;\r\n  }\r\n}"],"mappings":"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","names":[]}

package/dist/backgrounds.d.cts

@@ -0,0 +1,71 @@
+import * as react from 'react';
+
+interface PredictiveArcProps {
+    color?: string;
+    background?: string;
+    size?: number;
+    thickness?: number;
+    glow?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function PredictiveArc({ color, background, size, thickness, glow, animated, className, }: PredictiveArcProps): react.JSX.Element;
+
+interface SignalParticlesProps {
+    color?: string;
+    background?: string;
+    density?: number;
+    size?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function SignalParticles({ color, background, density, size, speed, animated, className, }: SignalParticlesProps): react.JSX.Element;
+
+interface DotMatrixProps {
+    color?: string;
+    background?: string;
+    dotSize?: number;
+    gap?: number;
+    opacity?: number;
+    fade?: boolean;
+    className?: string;
+}
+declare function DotMatrix({ color, background, dotSize, gap, opacity, fade, className, }: DotMatrixProps): react.JSX.Element;
+
+interface GradientMeshProps {
+    primary?: string;
+    secondary?: string;
+    accent?: string;
+    background?: string;
+    blur?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function GradientMesh({ primary, secondary, accent, background, blur, speed, animated, className, }: GradientMeshProps): react.JSX.Element;
+
+interface AuroraGridProps {
+    gridColor?: string;
+    auroraColor?: string;
+    background?: string;
+    gridSize?: number;
+    glow?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function AuroraGrid({ gridColor, auroraColor, background, gridSize, glow, speed, animated, className, }: AuroraGridProps): react.JSX.Element;
+
+interface NoiseFieldProps {
+    color?: string;
+    background?: string;
+    opacity?: number;
+    scale?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function NoiseField({ color, background, opacity, scale, speed, animated, className, }: NoiseFieldProps): react.JSX.Element;
+
+export { AuroraGrid, type AuroraGridProps, DotMatrix, type DotMatrixProps, GradientMesh, type GradientMeshProps, NoiseField, type NoiseFieldProps, PredictiveArc, type PredictiveArcProps, SignalParticles, type SignalParticlesProps };

package/dist/backgrounds.d.ts

@@ -0,0 +1,71 @@
+import * as react from 'react';
+
+interface PredictiveArcProps {
+    color?: string;
+    background?: string;
+    size?: number;
+    thickness?: number;
+    glow?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function PredictiveArc({ color, background, size, thickness, glow, animated, className, }: PredictiveArcProps): react.JSX.Element;
+
+interface SignalParticlesProps {
+    color?: string;
+    background?: string;
+    density?: number;
+    size?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function SignalParticles({ color, background, density, size, speed, animated, className, }: SignalParticlesProps): react.JSX.Element;
+
+interface DotMatrixProps {
+    color?: string;
+    background?: string;
+    dotSize?: number;
+    gap?: number;
+    opacity?: number;
+    fade?: boolean;
+    className?: string;
+}
+declare function DotMatrix({ color, background, dotSize, gap, opacity, fade, className, }: DotMatrixProps): react.JSX.Element;
+
+interface GradientMeshProps {
+    primary?: string;
+    secondary?: string;
+    accent?: string;
+    background?: string;
+    blur?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function GradientMesh({ primary, secondary, accent, background, blur, speed, animated, className, }: GradientMeshProps): react.JSX.Element;
+
+interface AuroraGridProps {
+    gridColor?: string;
+    auroraColor?: string;
+    background?: string;
+    gridSize?: number;
+    glow?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function AuroraGrid({ gridColor, auroraColor, background, gridSize, glow, speed, animated, className, }: AuroraGridProps): react.JSX.Element;
+
+interface NoiseFieldProps {
+    color?: string;
+    background?: string;
+    opacity?: number;
+    scale?: number;
+    speed?: number;
+    animated?: boolean;
+    className?: string;
+}
+declare function NoiseField({ color, background, opacity, scale, speed, animated, className, }: NoiseFieldProps): react.JSX.Element;
+
+export { AuroraGrid, type AuroraGridProps, DotMatrix, type DotMatrixProps, GradientMesh, type GradientMeshProps, NoiseField, type NoiseFieldProps, PredictiveArc, type PredictiveArcProps, SignalParticles, type SignalParticlesProps };

package/dist/backgrounds.js

@@ -0,0 +1,3 @@
+export { AuroraGrid, DotMatrix, GradientMesh, NoiseField, PredictiveArc, SignalParticles } from './chunk-YQSTEIU5.js';
+//# sourceMappingURL=backgrounds.js.map
+//# sourceMappingURL=backgrounds.js.map

package/dist/backgrounds.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"backgrounds.js"}

package/dist/buttons.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkROKPXWY2_cjs = require('./chunk-ROKPXWY2.cjs');
+
+
+
+Object.defineProperty(exports, "GlassButton", {
+  enumerable: true,
+  get: function () { return chunkROKPXWY2_cjs.GlassButton; }
+});
+Object.defineProperty(exports, "GlowButton", {
+  enumerable: true,
+  get: function () { return chunkROKPXWY2_cjs.GlowButton; }
+});
+Object.defineProperty(exports, "MagneticButton", {
+  enumerable: true,
+  get: function () { return chunkROKPXWY2_cjs.MagneticButton; }
+});
+//# sourceMappingURL=buttons.cjs.map
+//# sourceMappingURL=buttons.cjs.map

package/dist/buttons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"buttons.cjs"}

package/dist/buttons.css

@@ -0,0 +1,116 @@
+/* src/buttons/MagneticButton.css */
+.fb-magnetic-button {
+  border: 0;
+  cursor: pointer;
+  font-family: inherit;
+  transition: transform 0.18s ease-out, box-shadow 0.2s ease;
+}
+.fb-magnetic-button:hover {
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+}
+.fb-magnetic-button:focus-visible {
+  outline: 2px solid #9b7cff;
+  outline-offset: 4px;
+}
+
+/* src/buttons/GlowButton.css */
+.fb-glow-button {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  border: 1px solid rgba(255, 255, 255, 0.18);
+  font-family: inherit;
+  font-weight: 500;
+  cursor: pointer;
+  transition: transform 0.2s ease, box-shadow 0.25s ease;
+}
+.fb-glow-button:hover {
+  transform: translateY(-2px) scale(1.02);
+}
+.fb-glow-button:active {
+  transform: translateY(0) scale(0.99);
+}
+.fb-glow-button:focus-visible {
+  outline: 2px solid var( --fb-glow-button-color, #9b7cff );
+  outline-offset: 4px;
+}
+.fb-glow-button__content {
+  position: relative;
+  z-index: 2;
+}
+.fb-glow-button__glow {
+  position: absolute;
+  z-index: 1;
+  inset: -25%;
+  border-radius: inherit;
+  background: var( --fb-glow-button-color, #9b7cff );
+  opacity: 0.16;
+  filter: blur(18px);
+  animation: fbGlowButtonPulse 2.5s ease-in-out infinite alternate;
+}
+@keyframes fbGlowButtonPulse {
+  from {
+    opacity: 0.08;
+    transform: scale(0.85);
+  }
+  to {
+    opacity: 0.26;
+    transform: scale(1.15);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-glow-button,
+  .fb-glow-button__glow {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
+/* src/buttons/GlassButton.css */
+.fb-glass-button {
+  position: relative;
+  overflow: hidden;
+  padding: 13px 22px;
+  border: 1px solid;
+  font-family: inherit;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14);
+  transition: transform 0.2s ease, background 0.2s ease;
+}
+.fb-glass-button:hover {
+  transform: translateY(-2px);
+}
+.fb-glass-button:active {
+  transform: translateY(0);
+}
+.fb-glass-button:focus-visible {
+  outline: 2px solid #a88cff;
+  outline-offset: 4px;
+}
+.fb-glass-button__shine {
+  position: absolute;
+  width: 45%;
+  height: 300%;
+  left: -70%;
+  top: -100%;
+  background:
+    linear-gradient(
+      90deg,
+      transparent,
+      rgba(255, 255, 255, 0.22),
+      transparent);
+  transform: rotate(20deg);
+  transition: left 0.5s ease;
+}
+.fb-glass-button:hover .fb-glass-button__shine {
+  left: 130%;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-glass-button,
+  .fb-glass-button__shine {
+    transition: none !important;
+  }
+}
+/*# sourceMappingURL=buttons.css.map */

package/dist/buttons.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/buttons/MagneticButton.css","../src/buttons/GlowButton.css","../src/buttons/GlassButton.css"],"sourcesContent":[".fb-magnetic-button {\r\n  border: 0;\r\n\r\n  cursor: pointer;\r\n\r\n  font-family: inherit;\r\n\r\n  transition:\r\n    transform\r\n    0.18s\r\n    ease-out,\r\n    box-shadow\r\n    0.2s\r\n    ease;\r\n}\r\n\r\n.fb-magnetic-button:hover {\r\n  box-shadow:\r\n    0\r\n    10px\r\n    40px\r\n    rgba(\r\n      0,\r\n      0,\r\n      0,\r\n      0.3\r\n    );\r\n}\r\n\r\n.fb-magnetic-button:focus-visible {\r\n  outline:\r\n    2px solid\r\n    #9b7cff;\r\n\r\n  outline-offset:\r\n    4px;\r\n}",".fb-glow-button {\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.18\r\n    );\r\n\r\n  font-family: inherit;\r\n\r\n  font-weight: 500;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    transform\r\n    0.2s\r\n    ease,\r\n    box-shadow\r\n    0.25s\r\n    ease;\r\n}\r\n\r\n.fb-glow-button:hover {\r\n  transform:\r\n    translateY(-2px)\r\n    scale(1.02);\r\n}\r\n\r\n.fb-glow-button:active {\r\n  transform:\r\n    translateY(0)\r\n    scale(0.99);\r\n}\r\n\r\n.fb-glow-button:focus-visible {\r\n  outline:\r\n    2px solid\r\n    var(\r\n      --fb-glow-button-color,\r\n      #9b7cff\r\n    );\r\n\r\n  outline-offset:\r\n    4px;\r\n}\r\n\r\n.fb-glow-button__content {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n}\r\n\r\n.fb-glow-button__glow {\r\n  position: absolute;\r\n\r\n  z-index: 1;\r\n\r\n  inset: -25%;\r\n\r\n  border-radius: inherit;\r\n\r\n  background:\r\n    var(\r\n      --fb-glow-button-color,\r\n      #9b7cff\r\n    );\r\n\r\n  opacity: 0.16;\r\n\r\n  filter:\r\n    blur(18px);\r\n\r\n  animation:\r\n    fbGlowButtonPulse\r\n    2.5s\r\n    ease-in-out\r\n    infinite alternate;\r\n}\r\n\r\n@keyframes fbGlowButtonPulse {\r\n  from {\r\n    opacity:\r\n      0.08;\r\n\r\n    transform:\r\n      scale(0.85);\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      0.26;\r\n\r\n    transform:\r\n      scale(1.15);\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-glow-button,\r\n  .fb-glow-button__glow {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n}",".fb-glass-button {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    13px\r\n    22px;\r\n\r\n  border:\r\n    1px solid;\r\n\r\n  font-family:\r\n    inherit;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 500;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow:\r\n    inset\r\n    0\r\n    1px\r\n    0\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.14\r\n    );\r\n\r\n  transition:\r\n    transform\r\n    0.2s\r\n    ease,\r\n    background\r\n    0.2s\r\n    ease;\r\n}\r\n\r\n.fb-glass-button:hover {\r\n  transform:\r\n    translateY(-2px);\r\n}\r\n\r\n.fb-glass-button:active {\r\n  transform:\r\n    translateY(0);\r\n}\r\n\r\n.fb-glass-button:focus-visible {\r\n  outline:\r\n    2px solid\r\n    #a88cff;\r\n\r\n  outline-offset:\r\n    4px;\r\n}\r\n\r\n.fb-glass-button__shine {\r\n  position: absolute;\r\n\r\n  width: 45%;\r\n  height: 300%;\r\n\r\n  left: -70%;\r\n  top: -100%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(\r\n        255,\r\n        255,\r\n        255,\r\n        0.22\r\n      ),\r\n      transparent\r\n    );\r\n\r\n  transform:\r\n    rotate(20deg);\r\n\r\n  transition:\r\n    left\r\n    0.5s\r\n    ease;\r\n}\r\n\r\n.fb-glass-button:hover\r\n.fb-glass-button__shine {\r\n  left:\r\n    130%;\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-glass-button,\r\n  .fb-glass-button__shine {\r\n    transition:\r\n      none !important;\r\n  }\r\n}"],"mappings":";AAAA,CAAC;AACC,UAAQ;AAER,UAAQ;AAER,eAAa;AAEb,cACE,UACA,MACA,QAAQ,EACR,WACA,KACA;AACJ;AAEA,CAhBC,kBAgBkB;AACjB,cACE,EACA,KACA,KACA,KACE,CAAC,EACD,CAAC,EACD,CAAC,EACD;AAEN;AAEA,CA7BC,kBA6BkB;AACjB,WACE,IAAI,MACJ;AAEF,kBACE;AACJ;;;ACpCA,CAAC;AACC,YAAU;AAEV,aAAW;AAEX,YAAU;AAEV,UACE,IAAI,MACJ,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,eAAa;AAEb,eAAa;AAEb,UAAQ;AAER,cACE,UACA,KACA,IAAI,EACJ,WACA,MACA;AACJ;AAEA,CA/BC,cA+Bc;AACb,aACE,WAAW,MACX,MAAM;AACV;AAEA,CArCC,cAqCc;AACb,aACE,WAAW,GACX,MAAM;AACV;AAEA,CA3CC,cA2Cc;AACb,WACE,IAAI,MACJ,KACE,sBAAsB,EACtB;AAGJ,kBACE;AACJ;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AAET,SAAO;AAEP,iBAAe;AAEf,cACE,KACE,sBAAsB,EACtB;AAGJ,WAAS;AAET,UACE,KAAK;AAEP,aACE,kBACA,KACA,YACA,SAAS;AACb;AAEA,WANI;AAOF;AACE,aACE;AAEF,eACE,MAAM;AACV;AAEA;AACE,aACE;AAEF,eACE,MAAM;AACV;AACF;AAEA,QAAO,wBAEL;AAEA,GA9GD;AAAA,EA+GC,CAlDD;AAmDG,eACE;AAEF,gBACE;AACJ;AACF;;;ACtHA,CAAC;AACC,YAAU;AAEV,YAAU;AAEV,WACE,KACA;AAEF,UACE,IAAI;AAEN,eACE;AAEF,aAAW;AAEX,eAAa;AAEb,UAAQ;AAER,cACE,MACA,EACA,IACA,EACA,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,cACE,UACA,KACA,IAAI,EACJ,WACA,KACA;AACJ;AAEA,CA1CC,eA0Ce;AACd,aACE,WAAW;AACf;AAEA,CA/CC,eA+Ce;AACd,aACE,WAAW;AACf;AAEA,CApDC,eAoDe;AACd,WACE,IAAI,MACJ;AAEF,kBACE;AACJ;AAEA,CAAC;AACC,YAAU;AAEV,SAAO;AACP,UAAQ;AAER,QAAM;AACN,OAAK;AAEL;AAAA,IACE;AAAA,MACE,KAAK;AAAA,MACL,WAAW;AAAA,MACX,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH,KACD;AAAA,MACD;AAGJ,aACE,OAAO;AAET,cACE,KACA,KACA;AACJ;AAEA,CA5FC,eA4Fe,OAChB,CAhCC;AAiCC,QACE;AACJ;AAEA,QAAO,wBAEL;AAEA,GAtGD;AAAA,EAuGC,CA1CD;AA2CG,gBACE;AACJ;AACF;","names":[]}

package/dist/buttons.d.cts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+interface MagneticButtonProps {
+    children?: React.ReactNode;
+    background?: string;
+    textColor?: string;
+    fontSize?: number;
+    radius?: number;
+    paddingX?: number;
+    paddingY?: number;
+    strength?: number;
+    className?: string;
+}
+declare function MagneticButton({ children, background, textColor, fontSize, radius, paddingX, paddingY, strength, className, }: MagneticButtonProps): react.JSX.Element;
+
+interface GlowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    children?: ReactNode;
+    background?: string;
+    textColor?: string;
+    glowColor?: string;
+    glow?: number;
+    radius?: number;
+    fontSize?: number;
+    paddingX?: number;
+}
+declare function GlowButton({ children, background, textColor, glowColor, glow, radius, fontSize, paddingX, className, style, ...props }: GlowButtonProps): react.JSX.Element;
+
+interface GlassButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    children?: ReactNode;
+    textColor?: string;
+    tint?: string;
+    opacity?: number;
+    blur?: number;
+    radius?: number;
+    borderOpacity?: number;
+}
+declare function GlassButton({ children, textColor, tint, opacity, blur, radius, borderOpacity, className, style, ...props }: GlassButtonProps): react.JSX.Element;
+
+export { GlassButton, type GlassButtonProps, GlowButton, type GlowButtonProps, MagneticButton, type MagneticButtonProps };

package/dist/buttons.d.ts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+
+interface MagneticButtonProps {
+    children?: React.ReactNode;
+    background?: string;
+    textColor?: string;
+    fontSize?: number;
+    radius?: number;
+    paddingX?: number;
+    paddingY?: number;
+    strength?: number;
+    className?: string;
+}
+declare function MagneticButton({ children, background, textColor, fontSize, radius, paddingX, paddingY, strength, className, }: MagneticButtonProps): react.JSX.Element;
+
+interface GlowButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    children?: ReactNode;
+    background?: string;
+    textColor?: string;
+    glowColor?: string;
+    glow?: number;
+    radius?: number;
+    fontSize?: number;
+    paddingX?: number;
+}
+declare function GlowButton({ children, background, textColor, glowColor, glow, radius, fontSize, paddingX, className, style, ...props }: GlowButtonProps): react.JSX.Element;
+
+interface GlassButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color"> {
+    children?: ReactNode;
+    textColor?: string;
+    tint?: string;
+    opacity?: number;
+    blur?: number;
+    radius?: number;
+    borderOpacity?: number;
+}
+declare function GlassButton({ children, textColor, tint, opacity, blur, radius, borderOpacity, className, style, ...props }: GlassButtonProps): react.JSX.Element;
+
+export { GlassButton, type GlassButtonProps, GlowButton, type GlowButtonProps, MagneticButton, type MagneticButtonProps };

package/dist/buttons.js

@@ -0,0 +1,3 @@
+export { GlassButton, GlowButton, MagneticButton } from './chunk-K5QRX5CZ.js';
+//# sourceMappingURL=buttons.js.map
+//# sourceMappingURL=buttons.js.map

package/dist/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"buttons.js"}