@farzadbagheri/fb-components 0.1.0

package/dist/text.css

@@ -0,0 +1,72 @@
+/* src/text/RevealText.css */
+.fb-reveal-text {
+  display: inline-block;
+  font-weight: 650;
+  letter-spacing: -0.05em;
+  animation: fbRevealText 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+@keyframes fbRevealText {
+  from {
+    opacity: 0;
+    transform: translateY(22px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-reveal-text {
+    animation: none !important;
+  }
+}
+
+/* src/text/BlurReveal.css */
+.fb-blur-reveal {
+  display: inline-block;
+  font-weight: 650;
+  line-height: 0.92;
+  letter-spacing: -0.045em;
+  animation: fbBlurReveal var( --fb-blur-reveal-duration, 0.8s ) cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+.fb-blur-reveal--repeat {
+  animation: fbBlurRevealRepeat calc(var( --fb-blur-reveal-duration, 0.8s ) * 3) cubic-bezier(0.16, 1, 0.3, 1) infinite;
+}
+@keyframes fbBlurReveal {
+  from {
+    opacity: 0;
+    filter: blur(var( --fb-blur-reveal-blur, 14px ));
+    transform: translateY(var( --fb-blur-reveal-distance, 24px ));
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+    transform: translateY(0);
+  }
+}
+@keyframes fbBlurRevealRepeat {
+  0% {
+    opacity: 0;
+    filter: blur(var( --fb-blur-reveal-blur, 14px ));
+    transform: translateY(var( --fb-blur-reveal-distance, 24px ));
+  }
+  28%, 72% {
+    opacity: 1;
+    filter: blur(0);
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    filter: blur(calc(var( --fb-blur-reveal-blur, 14px ) * 0.5));
+    transform: translateY(calc(var( --fb-blur-reveal-distance, 24px ) * -0.35));
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-blur-reveal {
+    animation: none !important;
+    opacity: 1;
+    filter: none;
+    transform: none;
+  }
+}
+/*# sourceMappingURL=text.css.map */

package/dist/text.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/text/RevealText.css","../src/text/BlurReveal.css"],"sourcesContent":[".fb-reveal-text {\r\n  display: inline-block;\r\n\r\n  font-weight: 650;\r\n\r\n  letter-spacing:\r\n    -0.05em;\r\n\r\n  animation:\r\n    fbRevealText\r\n    0.7s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    both;\r\n}\r\n\r\n@keyframes fbRevealText {\r\n  from {\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(\r\n        22px\r\n      );\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(\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-reveal-text {\r\n    animation:\r\n      none !important;\r\n  }\r\n}",".fb-blur-reveal {\r\n  display: inline-block;\r\n\r\n  font-weight: 650;\r\n\r\n  line-height: 0.92;\r\n\r\n  letter-spacing: -0.045em;\r\n\r\n  animation:\r\n    fbBlurReveal\r\n    var(\r\n      --fb-blur-reveal-duration,\r\n      0.8s\r\n    )\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    both;\r\n}\r\n\r\n.fb-blur-reveal--repeat {\r\n  animation:\r\n    fbBlurRevealRepeat\r\n    calc(\r\n      var(\r\n        --fb-blur-reveal-duration,\r\n        0.8s\r\n      ) * 3\r\n    )\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    infinite;\r\n}\r\n\r\n@keyframes fbBlurReveal {\r\n  from {\r\n    opacity: 0;\r\n\r\n    filter:\r\n      blur(\r\n        var(\r\n          --fb-blur-reveal-blur,\r\n          14px\r\n        )\r\n      );\r\n\r\n    transform:\r\n      translateY(\r\n        var(\r\n          --fb-blur-reveal-distance,\r\n          24px\r\n        )\r\n      );\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fbBlurRevealRepeat {\r\n  0% {\r\n    opacity: 0;\r\n\r\n    filter:\r\n      blur(\r\n        var(\r\n          --fb-blur-reveal-blur,\r\n          14px\r\n        )\r\n      );\r\n\r\n    transform:\r\n      translateY(\r\n        var(\r\n          --fb-blur-reveal-distance,\r\n          24px\r\n        )\r\n      );\r\n  }\r\n\r\n  28%,\r\n  72% {\r\n    opacity: 1;\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n    transform:\r\n      translateY(0);\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n\r\n    filter:\r\n      blur(\r\n        calc(\r\n          var(\r\n            --fb-blur-reveal-blur,\r\n            14px\r\n          ) * 0.5\r\n        )\r\n      );\r\n\r\n    transform:\r\n      translateY(\r\n        calc(\r\n          var(\r\n            --fb-blur-reveal-distance,\r\n            24px\r\n          ) * -0.35\r\n        )\r\n      );\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-blur-reveal {\r\n    animation:\r\n      none !important;\r\n\r\n    opacity: 1;\r\n\r\n    filter: none;\r\n\r\n    transform: none;\r\n  }\r\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AAET,eAAa;AAEb,kBACE;AAEF,aACE,aACA,KACA,aACE,IAAI,EACJ,CAAC,EACD,GAAG,EACH,GAEF;AACJ;AAEA,WAXI;AAYF;AACE,aAAS;AAET,eACE,WACE;AAEN;AAEA;AACE,aAAS;AAET,eACE,WACE;AAEN;AACF;AAEA,QAAO,wBAEL;AAEA,GA5CD;AA6CG,eACE;AACJ;AACF;;;AChDA,CAAC;AACC,WAAS;AAET,eAAa;AAEb,eAAa;AAEb,kBAAgB;AAEhB,aACE,aACA,KACE,yBAAyB,EACzB,OAEF,aACE,IAAI,EACJ,CAAC,EACD,GAAG,EACH,GAEF;AACJ;AAEA,CAAC;AACC,aACE,mBACA,KACE,KACE,yBAAyB,EACzB,OACA,EAAE,GAEN,aACE,IAAI,EACJ,CAAC,EACD,GAAG,EACH,GAEF;AACJ;AAEA,WAhCI;AAiCF;AACE,aAAS;AAET,YACE,KACE,KACE,qBAAqB,EACrB;AAIN,eACE,WACE,KACE,yBAAyB,EACzB;AAGR;AAEA;AACE,aAAS;AAET,YACE,KAAK;AAEP,eACE,WAAW;AACf;AACF;AAEA,WAhDI;AAiDF;AACE,aAAS;AAET,YACE,KACE,KACE,qBAAqB,EACrB;AAIN,eACE,WACE,KACE,yBAAyB,EACzB;AAGR;AAEA;AAEE,aAAS;AAET,YACE,KAAK;AAEP,eACE,WAAW;AACf;AAEA;AACE,aAAS;AAET,YACE,KACE,KACE,KACE,qBAAqB,EACrB,OACA,EAAE;AAIV,eACE,WACE,KACE,KACE,yBAAyB,EACzB,OACA,EAAE;AAGZ;AACF;AAEA,QAAO,wBAEL;AAEA,GAvID;AAwIG,eACE;AAEF,aAAS;AAET,YAAQ;AAER,eAAW;AACb;AACF;","names":[]}

package/dist/text.d.cts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface RevealTextProps {
+    children?: React.ReactNode;
+    color?: string;
+    accent?: string;
+    fontSize?: number;
+    lineHeight?: number;
+    duration?: number;
+    uppercase?: boolean;
+    className?: string;
+}
+declare function RevealText({ children, color, accent, fontSize, lineHeight, duration, uppercase, className, }: RevealTextProps): react.JSX.Element;
+
+interface BlurRevealProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    color?: string;
+    fontSize?: number;
+    blur?: number;
+    distance?: number;
+    duration?: number;
+    repeat?: boolean;
+    className?: string;
+}
+declare function BlurReveal({ children, color, fontSize, blur, distance, duration, repeat, className, style, ...props }: BlurRevealProps): react.JSX.Element;
+
+export { BlurReveal, type BlurRevealProps, RevealText, type RevealTextProps };

package/dist/text.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface RevealTextProps {
+    children?: React.ReactNode;
+    color?: string;
+    accent?: string;
+    fontSize?: number;
+    lineHeight?: number;
+    duration?: number;
+    uppercase?: boolean;
+    className?: string;
+}
+declare function RevealText({ children, color, accent, fontSize, lineHeight, duration, uppercase, className, }: RevealTextProps): react.JSX.Element;
+
+interface BlurRevealProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    color?: string;
+    fontSize?: number;
+    blur?: number;
+    distance?: number;
+    duration?: number;
+    repeat?: boolean;
+    className?: string;
+}
+declare function BlurReveal({ children, color, fontSize, blur, distance, duration, repeat, className, style, ...props }: BlurRevealProps): react.JSX.Element;
+
+export { BlurReveal, type BlurRevealProps, RevealText, type RevealTextProps };

package/dist/text.js

@@ -0,0 +1,3 @@
+export { BlurReveal, RevealText } from './chunk-JWV3IITG.js';
+//# sourceMappingURL=text.js.map
+//# sourceMappingURL=text.js.map

package/dist/text.js.map

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

package/dist/ui.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkC3ASXASL_cjs = require('./chunk-C3ASXASL.cjs');
+
+
+
+Object.defineProperty(exports, "GlassCard", {
+  enumerable: true,
+  get: function () { return chunkC3ASXASL_cjs.GlassCard; }
+});
+Object.defineProperty(exports, "SpotlightCard", {
+  enumerable: true,
+  get: function () { return chunkC3ASXASL_cjs.SpotlightCard; }
+});
+//# sourceMappingURL=ui.cjs.map
+//# sourceMappingURL=ui.cjs.map

package/dist/ui.cjs.map

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

package/dist/ui.css

@@ -0,0 +1,95 @@
+/* src/ui/SpotlightCard.css */
+.fb-spotlight-card {
+  position: relative;
+  overflow: hidden;
+  min-height: 280px;
+  padding: 32px;
+  border: 1px solid;
+  transition: transform 0.25s ease;
+}
+.fb-spotlight-card:hover {
+  transform: translateY(-4px);
+}
+.fb-spotlight-card > span {
+  display: block;
+  color: #b99cff;
+  font-size: 10px;
+}
+.fb-spotlight-card > strong {
+  display: block;
+  margin-top: 100px;
+  font-size: 34px;
+}
+.fb-spotlight-card > p {
+  color: rgba(255, 255, 255, 0.55);
+}
+
+/* src/ui/GlassCard.css */
+.fb-glass-card {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  width: min(100%, 390px);
+  min-height: 300px;
+  padding: 30px;
+  border: 1px solid;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  transition: transform 0.3s ease, border-color 0.3s ease;
+}
+.fb-glass-card:hover {
+  transform: translateY(-5px);
+}
+.fb-glass-card__glow {
+  position: absolute;
+  z-index: -1;
+  left: -10%;
+  top: -15%;
+  width: 70%;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  opacity: 0.2;
+  pointer-events: none;
+  transition: transform 0.5s ease, opacity 0.5s ease;
+}
+.fb-glass-card:hover .fb-glass-card__glow {
+  opacity: 0.32;
+  transform: translate3d(30px, 20px, 0) scale(1.1);
+}
+.fb-glass-card__inner {
+  position: relative;
+  z-index: 1;
+  min-height: 240px;
+  display: flex;
+  flex-direction: column;
+}
+.fb-glass-card__eyebrow {
+  color: #bba8ff;
+  font-family: "DM Mono", monospace;
+  font-size: 9px;
+  letter-spacing: 1.4px;
+}
+.fb-glass-card__content {
+  margin-top: auto;
+}
+.fb-glass-card__content strong {
+  display: block;
+  color: white;
+  font-size: clamp(32px, 5vw, 48px);
+  font-weight: 550;
+  line-height: 0.92;
+  letter-spacing: -0.045em;
+}
+.fb-glass-card__content p {
+  max-width: 260px;
+  margin: 18px 0 0;
+  color: rgba(255, 255, 255, 0.55);
+  font-size: 12px;
+  line-height: 1.65;
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-glass-card,
+  .fb-glass-card__glow {
+    transition: none !important;
+  }
+}
+/*# sourceMappingURL=ui.css.map */

package/dist/ui.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/SpotlightCard.css","../src/ui/GlassCard.css"],"sourcesContent":[".fb-spotlight-card {\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  min-height: 280px;\r\n\r\n  padding: 32px;\r\n\r\n  border:\r\n    1px solid;\r\n\r\n  transition:\r\n    transform\r\n    0.25s\r\n    ease;\r\n}\r\n\r\n.fb-spotlight-card:hover {\r\n  transform:\r\n    translateY(\r\n      -4px\r\n    );\r\n}\r\n\r\n.fb-spotlight-card\r\n> span {\r\n  display: block;\r\n\r\n  color: #b99cff;\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.fb-spotlight-card\r\n> strong {\r\n  display: block;\r\n\r\n  margin-top: 100px;\r\n\r\n  font-size: 34px;\r\n}\r\n\r\n.fb-spotlight-card\r\n> p {\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.55\r\n    );\r\n}",".fb-glass-card {\r\n  position: relative;\r\n\r\n  isolation: isolate;\r\n\r\n  overflow: hidden;\r\n\r\n  width: min(\r\n    100%,\r\n    390px\r\n  );\r\n\r\n  min-height: 300px;\r\n\r\n  padding: 30px;\r\n\r\n  border:\r\n    1px solid;\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.1\r\n    );\r\n\r\n  transition:\r\n    transform\r\n    0.3s\r\n    ease,\r\n    border-color\r\n    0.3s\r\n    ease;\r\n}\r\n\r\n.fb-glass-card:hover {\r\n  transform:\r\n    translateY(-5px);\r\n}\r\n\r\n.fb-glass-card__glow {\r\n  position: absolute;\r\n\r\n  z-index: -1;\r\n\r\n  left: -10%;\r\n  top: -15%;\r\n\r\n  width: 70%;\r\n  aspect-ratio: 1;\r\n\r\n  border-radius: 50%;\r\n\r\n  opacity: 0.2;\r\n\r\n  pointer-events: none;\r\n\r\n  transition:\r\n    transform\r\n    0.5s\r\n    ease,\r\n    opacity\r\n    0.5s\r\n    ease;\r\n}\r\n\r\n.fb-glass-card:hover\r\n.fb-glass-card__glow {\r\n  opacity: 0.32;\r\n\r\n  transform:\r\n    translate3d(\r\n      30px,\r\n      20px,\r\n      0\r\n    )\r\n    scale(1.1);\r\n}\r\n\r\n.fb-glass-card__inner {\r\n  position: relative;\r\n\r\n  z-index: 1;\r\n\r\n  min-height: 240px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n}\r\n\r\n.fb-glass-card__eyebrow {\r\n  color: #bba8ff;\r\n\r\n  font-family:\r\n    \"DM Mono\",\r\n    monospace;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n.fb-glass-card__content {\r\n  margin-top: auto;\r\n}\r\n\r\n.fb-glass-card__content\r\nstrong {\r\n  display: block;\r\n\r\n  color: white;\r\n\r\n  font-size:\r\n    clamp(\r\n      32px,\r\n      5vw,\r\n      48px\r\n    );\r\n\r\n  font-weight: 550;\r\n\r\n  line-height: 0.92;\r\n\r\n  letter-spacing: -0.045em;\r\n}\r\n\r\n.fb-glass-card__content\r\np {\r\n  max-width: 260px;\r\n\r\n  margin:\r\n    18px\r\n    0\r\n    0;\r\n\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.55\r\n    );\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.65;\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-glass-card,\r\n  .fb-glass-card__glow {\r\n    transition:\r\n      none !important;\r\n  }\r\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AAEV,YAAU;AAEV,cAAY;AAEZ,WAAS;AAET,UACE,IAAI;AAEN,cACE,UACA,MACA;AACJ;AAEA,CAlBC,iBAkBiB;AAChB,aACE,WACE;AAEN;AAEA,CAzBC,kBA0BD,EAAE;AACA,WAAS;AAET,SAAO;AAEP,aAAW;AACb;AAEA,CAlCC,kBAmCD,EAAE;AACA,WAAS;AAET,cAAY;AAEZ,aAAW;AACb;AAEA,CA3CC,kBA4CD,EAAE;AACA,SACE,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAEN;;;ACpDA,CAAC;AACC,YAAU;AAEV,aAAW;AAEX,YAAU;AAEV,SAAO,IACL,IAAI,EACJ;AAGF,cAAY;AAEZ,WAAS;AAET,UACE,IAAI;AAEN,cACE,MACA,EACA,IACA,EACA,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,cACE,UACA,KACA,IAAI,EACJ,aACA,KACA;AACJ;AAEA,CAxCC,aAwCa;AACZ,aACE,WAAW;AACf;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AAET,QAAM;AACN,OAAK;AAEL,SAAO;AACP,gBAAc;AAEd,iBAAe;AAEf,WAAS;AAET,kBAAgB;AAEhB,cACE,UACA,KACA,IAAI,EACJ,QACA,KACA;AACJ;AAEA,CAvEC,aAuEa,OACd,CA3BC;AA4BC,WAAS;AAET,aACE,YACE,IAAI,EACJ,IAAI,EACJ,GAEF,MAAM;AACV;AAEA,CAAC;AACC,YAAU;AAEV,WAAS;AAET,cAAY;AAEZ,WAAS;AAET,kBAAgB;AAClB;AAEA,CAAC;AACC,SAAO;AAEP,eACE,SAAS,EACT;AAEF,aAAW;AAEX,kBAAgB;AAClB;AAEA,CAAC;AACC,cAAY;AACd;AAEA,CAJC,uBAKD;AACE,WAAS;AAET,SAAO;AAEP,aACE,MACE,IAAI,EACJ,GAAG,EACH;AAGJ,eAAa;AAEb,eAAa;AAEb,kBAAgB;AAClB;AAEA,CAxBC,uBAyBD;AACE,aAAW;AAEX,UACE,KACA,EACA;AAEF,SACE,KACE,GAAG,EACH,GAAG,EACH,GAAG,EACH;AAGJ,aAAW;AAEX,eAAa;AACf;AAEA,QAAO,wBAEL;AAEA,GA9JD;AAAA,EA+JC,CAlHD;AAmHG,gBACE;AACJ;AACF;","names":[]}

package/dist/ui.d.cts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface SpotlightCardProps {
+    children?: React.ReactNode;
+    background?: string;
+    spotlightColor?: string;
+    radius?: number;
+    glow?: number;
+    borderOpacity?: number;
+    className?: string;
+}
+declare function SpotlightCard({ children, background, spotlightColor, radius, glow, borderOpacity, className, }: SpotlightCardProps): react.JSX.Element;
+
+interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    tint?: string;
+    opacity?: number;
+    blur?: number;
+    radius?: number;
+    borderOpacity?: number;
+    glowColor?: string;
+    glow?: number;
+    className?: string;
+}
+declare function GlassCard({ children, tint, opacity, blur, radius, borderOpacity, glowColor, glow, className, style, ...props }: GlassCardProps): react.JSX.Element;
+
+export { GlassCard, type GlassCardProps, SpotlightCard, type SpotlightCardProps };

package/dist/ui.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+
+interface SpotlightCardProps {
+    children?: React.ReactNode;
+    background?: string;
+    spotlightColor?: string;
+    radius?: number;
+    glow?: number;
+    borderOpacity?: number;
+    className?: string;
+}
+declare function SpotlightCard({ children, background, spotlightColor, radius, glow, borderOpacity, className, }: SpotlightCardProps): react.JSX.Element;
+
+interface GlassCardProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    tint?: string;
+    opacity?: number;
+    blur?: number;
+    radius?: number;
+    borderOpacity?: number;
+    glowColor?: string;
+    glow?: number;
+    className?: string;
+}
+declare function GlassCard({ children, tint, opacity, blur, radius, borderOpacity, glowColor, glow, className, style, ...props }: GlassCardProps): react.JSX.Element;
+
+export { GlassCard, type GlassCardProps, SpotlightCard, type SpotlightCardProps };

package/dist/ui.js

@@ -0,0 +1,3 @@
+export { GlassCard, SpotlightCard } from './chunk-EIE6FLCL.js';
+//# sourceMappingURL=ui.js.map
+//# sourceMappingURL=ui.js.map

package/dist/ui.js.map

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

package/package.json

@@ -0,0 +1,134 @@
+{
+  "name": "@farzadbagheri/fb-components",
+  "version": "0.1.0",
+  "description": "Production-minded React components for motion, AI interfaces, data visualization and modern product experiences.",
+  "license": "MIT",
+  "author": {
+    "name": "Farzad Bagheri"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/BAGHERIFarzad/fb-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/BAGHERIFarzad/fb-components/issues"
+  },
+  "homepage": "https://farzadbagheri.fr/en/components",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./backgrounds": {
+      "types": "./dist/backgrounds.d.ts",
+      "import": "./dist/backgrounds.js",
+      "require": "./dist/backgrounds.cjs"
+    },
+    "./backgrounds.css": "./dist/backgrounds.css",
+    "./buttons": {
+      "types": "./dist/buttons.d.ts",
+      "import": "./dist/buttons.js",
+      "require": "./dist/buttons.cjs"
+    },
+    "./buttons.css": "./dist/buttons.css",
+    "./text": {
+      "types": "./dist/text.d.ts",
+      "import": "./dist/text.js",
+      "require": "./dist/text.cjs"
+    },
+    "./text.css": "./dist/text.css",
+    "./ui": {
+      "types": "./dist/ui.d.ts",
+      "import": "./dist/ui.js",
+      "require": "./dist/ui.cjs"
+    },
+    "./ui.css": "./dist/ui.css",
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.js",
+      "require": "./dist/motion.cjs"
+    },
+    "./motion.css": "./dist/motion.css",
+    "./ai": {
+      "types": "./dist/ai.d.ts",
+      "import": "./dist/ai.js",
+      "require": "./dist/ai.cjs"
+    },
+    "./ai.css": "./dist/ai.css",
+    "./heroes": {
+      "types": "./dist/heroes.d.ts",
+      "import": "./dist/heroes.js",
+      "require": "./dist/heroes.cjs"
+    },
+    "./heroes.css": "./dist/heroes.css",
+    "./landing": {
+      "types": "./dist/landing.d.ts",
+      "import": "./dist/landing.js",
+      "require": "./dist/landing.cjs"
+    },
+    "./landing.css": "./dist/landing.css",
+    "./data": {
+      "types": "./dist/data.d.ts",
+      "import": "./dist/data.js",
+      "require": "./dist/data.cjs"
+    },
+    "./data.css": "./dist/data.css",
+    "./styles.css": "./dist/index.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "keywords": [
+    "react",
+    "react-components",
+    "ui",
+    "ui-components",
+    "components",
+    "typescript",
+    "animation",
+    "motion",
+    "ai",
+    "ai-ui",
+    "dashboard",
+    "data-visualization",
+    "design-system",
+    "frontend"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rimraf dist",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "dependencies": {
+    "lucide-react": "^0.468.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "rimraf": "^6.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  }
+}