npm - @farzadbagheri/fb-components - Versions diffs - 0.1.0 → 0.1.3 - Mend

@farzadbagheri/fb-components 0.1.0 → 0.1.3

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 (87) hide show

package/LICENSE +20 -20
package/README.md +473 -131
package/dist/ai.cjs +3 -3
package/dist/ai.css.map +1 -1
package/dist/ai.js +1 -1
package/dist/backgrounds.cjs +7 -7
package/dist/backgrounds.css.map +1 -1
package/dist/backgrounds.js +1 -1
package/dist/buttons.cjs +4 -4
package/dist/buttons.css.map +1 -1
package/dist/buttons.js +1 -1
package/dist/{chunk-MKCSRMHF.cjs → chunk-4YAFXF3T.cjs} +2 -2
package/dist/chunk-4YAFXF3T.cjs.map +1 -0
package/dist/{chunk-CTD2GDO6.cjs → chunk-B5HDPUQK.cjs} +2 -2
package/dist/chunk-B5HDPUQK.cjs.map +1 -0
package/dist/{chunk-K5QRX5CZ.js → chunk-ENCZZRVK.js} +2 -2
package/dist/chunk-ENCZZRVK.js.map +1 -0
package/dist/{chunk-H6Y3EJPA.cjs → chunk-F4XFUSPM.cjs} +2 -2
package/dist/chunk-F4XFUSPM.cjs.map +1 -0
package/dist/{chunk-4FWJRWS5.cjs → chunk-HPWZ5OL2.cjs} +2 -2
package/dist/chunk-HPWZ5OL2.cjs.map +1 -0
package/dist/{chunk-JHOJY54P.js → chunk-HSY72AJ4.js} +2 -2
package/dist/chunk-HSY72AJ4.js.map +1 -0
package/dist/{chunk-R2F3FTBL.js → chunk-IZJHBS5M.js} +2 -2
package/dist/chunk-IZJHBS5M.js.map +1 -0
package/dist/{chunk-T7CC3CLH.js → chunk-J4ZYYB2O.js} +2 -2
package/dist/chunk-J4ZYYB2O.js.map +1 -0
package/dist/{chunk-C3ASXASL.cjs → chunk-MWSE4C6T.cjs} +2 -2
package/dist/chunk-MWSE4C6T.cjs.map +1 -0
package/dist/{chunk-WDUETPNG.js → chunk-O2FP27HX.js} +2 -2
package/dist/chunk-O2FP27HX.js.map +1 -0
package/dist/{chunk-ROKPXWY2.cjs → chunk-QTX5BFS6.cjs} +2 -2
package/dist/chunk-QTX5BFS6.cjs.map +1 -0
package/dist/{chunk-YQSTEIU5.js → chunk-RFI4526D.js} +2 -2
package/dist/chunk-RFI4526D.js.map +1 -0
package/dist/{chunk-H2AV67DY.cjs → chunk-SQPNHJ6D.cjs} +2 -2
package/dist/chunk-SQPNHJ6D.cjs.map +1 -0
package/dist/{chunk-BSEOOGOV.cjs → chunk-SS4GAAED.cjs} +2 -2
package/dist/chunk-SS4GAAED.cjs.map +1 -0
package/dist/{chunk-UWQ5QNE3.cjs → chunk-TG7XM34D.cjs} +2 -2
package/dist/chunk-TG7XM34D.cjs.map +1 -0
package/dist/{chunk-EIE6FLCL.js → chunk-VODRAWMB.js} +2 -2
package/dist/chunk-VODRAWMB.js.map +1 -0
package/dist/{chunk-RUSFF3MZ.js → chunk-XJGKXWK3.js} +2 -2
package/dist/chunk-XJGKXWK3.js.map +1 -0
package/dist/{chunk-JWV3IITG.js → chunk-YPBGV2B5.js} +2 -2
package/dist/chunk-YPBGV2B5.js.map +1 -0
package/dist/data.cjs +4 -4
package/dist/data.css.map +1 -1
package/dist/data.js +1 -1
package/dist/heroes.cjs +2 -2
package/dist/heroes.css.map +1 -1
package/dist/heroes.js +1 -1
package/dist/index.cjs +31 -31
package/dist/index.css.map +1 -1
package/dist/index.js +9 -9
package/dist/landing.cjs +2 -2
package/dist/landing.css.map +1 -1
package/dist/landing.js +1 -1
package/dist/motion.cjs +3 -3
package/dist/motion.css.map +1 -1
package/dist/motion.js +1 -1
package/dist/text.cjs +3 -3
package/dist/text.css.map +1 -1
package/dist/text.js +1 -1
package/dist/ui.cjs +3 -3
package/dist/ui.css.map +1 -1
package/dist/ui.js +1 -1
package/package.json +140 -134
package/dist/chunk-4FWJRWS5.cjs.map +0 -1
package/dist/chunk-BSEOOGOV.cjs.map +0 -1
package/dist/chunk-C3ASXASL.cjs.map +0 -1
package/dist/chunk-CTD2GDO6.cjs.map +0 -1
package/dist/chunk-EIE6FLCL.js.map +0 -1
package/dist/chunk-H2AV67DY.cjs.map +0 -1
package/dist/chunk-H6Y3EJPA.cjs.map +0 -1
package/dist/chunk-JHOJY54P.js.map +0 -1
package/dist/chunk-JWV3IITG.js.map +0 -1
package/dist/chunk-K5QRX5CZ.js.map +0 -1
package/dist/chunk-MKCSRMHF.cjs.map +0 -1
package/dist/chunk-R2F3FTBL.js.map +0 -1
package/dist/chunk-ROKPXWY2.cjs.map +0 -1
package/dist/chunk-RUSFF3MZ.js.map +0 -1
package/dist/chunk-T7CC3CLH.js.map +0 -1
package/dist/chunk-UWQ5QNE3.cjs.map +0 -1
package/dist/chunk-WDUETPNG.js.map +0 -1
package/dist/chunk-YQSTEIU5.js.map +0 -1

package/package.json CHANGED Viewed

@@ -1,134 +1,140 @@
-{
-  "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"
-  }
-}
+{
+  "name": "@farzadbagheri/fb-components",
+  "version": "0.1.3",
+  "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",
+    "package:size": "node scripts/check-package-size.mjs",
+    "install-test": "node scripts/install-test.mjs",
+    "release:check": "npm run typecheck && npm run build && npm run package:size && npm run install-test",
+    "release:patch": "npm run release:check && npm version patch",
+    "release:minor": "npm run release:check && npm version minor",
+    "release:major": "npm run release:check && npm version major"
+  },
+  "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"
+  }
+}

package/dist/chunk-4FWJRWS5.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/heroes/SaasLaunchHero.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-4FWJRWS5.cjs","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./SaasLaunchHero.css\";\r\n\r\nexport interface SaasLaunchHeroProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n headlineSize?: number;\r\n\r\n eyebrow?: string;\r\n title?: string;\r\n description?: string;\r\n\r\n primaryLabel?: string;\r\n secondaryLabel?: string;\r\n\r\n showSecondary?: boolean;\r\n showProof?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function SaasLaunchHero({\r\n accent = \"#8f73ff\",\r\n background = \"#09090d\",\r\n headlineSize = 72,\r\n\r\n eyebrow =\r\n \"BUILT FOR MODERN TEAMS\",\r\n\r\n title =\r\n \"Ship faster.\\nScale smarter.\",\r\n\r\n description =\r\n \"Everything your team needs to launch, learn and scale without adding unnecessary complexity.\",\r\n\r\n primaryLabel =\r\n \"Start free\",\r\n\r\n secondaryLabel =\r\n \"See demo\",\r\n\r\n showSecondary = true,\r\n showProof = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: SaasLaunchHeroProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-saas-launch-hero ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-saas-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-saas-headline-size\" as string]:\r\n `${headlineSize}px`,\r\n }}\r\n >\r\n <div\r\n className=\"fb-saas-launch-hero__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <div className=\"fb-saas-launch-hero__content\">\r\n <span className=\"fb-saas-launch-hero__eyebrow\">\r\n {eyebrow}\r\n </span>\r\n\r\n <h2>\r\n {title\r\n .split(\"\\n\")\r\n .map(\r\n (\r\n line,\r\n index\r\n ) => (\r\n <span\r\n key={`${line}-${index}`}\r\n >\r\n {line}\r\n </span>\r\n )\r\n )}\r\n </h2>\r\n\r\n <p>\r\n {description}\r\n </p>\r\n\r\n <div className=\"fb-saas-launch-hero__actions\">\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__primary\"\r\n >\r\n {primaryLabel}\r\n </button>\r\n\r\n {showSecondary && (\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__secondary\"\r\n >\r\n {secondaryLabel}\r\n </button>\r\n )}\r\n </div>\r\n\r\n {showProof && (\r\n <div className=\"fb-saas-launch-hero__proof\">\r\n <div\r\n aria-hidden=\"true\"\r\n >\r\n <span />\r\n <span />\r\n <span />\r\n </div>\r\n\r\n <p>\r\n Trusted by product\r\n teams building the\r\n next generation.\r\n </p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div\r\n className=\"fb-saas-launch-hero__visual\"\r\n aria-hidden=\"true\"\r\n >\r\n <div className=\"fb-saas-launch-hero__visual-card\">\r\n <span>\r\n ACTIVE USERS\r\n </span>\r\n\r\n <strong>\r\n 42,891\r\n </strong>\r\n\r\n <small>\r\n +18.4%\r\n </small>\r\n </div>\r\n\r\n <div className=\"fb-saas-launch-hero__bars\">\r\n {[\r\n 42,\r\n 64,\r\n 51,\r\n 76,\r\n 68,\r\n 88,\r\n 72,\r\n ].map(\r\n (\r\n height,\r\n index\r\n ) => (\r\n <span\r\n key={index}\r\n style={{\r\n height:\r\n `${height}%`,\r\n }}\r\n />\r\n )\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n}"]}

package/dist/chunk-BSEOOGOV.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/ai/AiPromptBox.tsx","../src/ai/StreamingResponse.tsx"],"names":["useState","jsx","jsxs","Sparkles","Paperclip","ArrowUp","useEffect"],"mappings":"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","file":"chunk-BSEOOGOV.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n FormEvent,\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport {\r\n ArrowUp,\r\n Paperclip,\r\n Sparkles,\r\n} from \"lucide-react\";\r\n\r\nimport \"./AiPromptBox.css\";\r\n\r\nexport interface AiPromptBoxProps\r\n extends Omit<\r\n HTMLAttributes<HTMLDivElement>,\r\n \"onSubmit\"\r\n > {\r\n background?: string;\r\n\r\n accent?: string;\r\n\r\n textColor?: string;\r\n\r\n radius?: number;\r\n\r\n minHeight?: number;\r\n\r\n showModel?: boolean;\r\n\r\n showAttachment?: boolean;\r\n\r\n modelLabel?: string;\r\n\r\n placeholder?: string;\r\n\r\n defaultValue?: string;\r\n\r\n disabled?: boolean;\r\n\r\n onSubmit?: (\r\n value: string\r\n ) => void;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function AiPromptBox({\r\n background = \"#111116\",\r\n\r\n accent = \"#9b7cff\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n radius = 20,\r\n\r\n minHeight = 150,\r\n\r\n showModel = true,\r\n\r\n showAttachment = true,\r\n\r\n modelLabel = \"FB AI · Fast\",\r\n\r\n placeholder =\r\n \"Ask anything...\",\r\n\r\n defaultValue = \"\",\r\n\r\n disabled = false,\r\n\r\n onSubmit,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: AiPromptBoxProps) {\r\n const [\r\n value,\r\n setValue,\r\n ] =\r\n useState(\r\n defaultValue\r\n );\r\n\r\n function handleSubmit(\r\n event:\r\n FormEvent<HTMLFormElement>\r\n ) {\r\n event.preventDefault();\r\n\r\n const trimmed =\r\n value.trim();\r\n\r\n if (\r\n disabled ||\r\n !trimmed\r\n ) {\r\n return;\r\n }\r\n\r\n onSubmit?.(\r\n trimmed\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-ai-prompt-box ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n color:\r\n textColor,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n minHeight,\r\n\r\n [\"--fb-ai-prompt-accent\" as string]:\r\n accent,\r\n }}\r\n >\r\n <form\r\n className=\"fb-ai-prompt-box__form\"\r\n onSubmit={\r\n handleSubmit\r\n }\r\n >\r\n <div className=\"fb-ai-prompt-box__field\">\r\n <Sparkles\r\n className=\"fb-ai-prompt-box__spark\"\r\n size={16}\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <textarea\r\n value={\r\n value\r\n }\r\n disabled={\r\n disabled\r\n }\r\n placeholder={\r\n placeholder\r\n }\r\n aria-label={\r\n placeholder\r\n }\r\n onChange={(\r\n event\r\n ) =>\r\n setValue(\r\n event.target\r\n .value\r\n )\r\n }\r\n />\r\n </div>\r\n\r\n <div className=\"fb-ai-prompt-box__footer\">\r\n <div className=\"fb-ai-prompt-box__actions\">\r\n {showAttachment && (\r\n <button\r\n type=\"button\"\r\n aria-label=\"Attach file\"\r\n className=\"fb-ai-prompt-box__secondary\"\r\n >\r\n <Paperclip\r\n size={15}\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n )}\r\n\r\n {showModel && (\r\n <span className=\"fb-ai-prompt-box__model\">\r\n {\r\n modelLabel\r\n }\r\n </span>\r\n )}\r\n </div>\r\n\r\n <button\r\n type=\"submit\"\r\n disabled={\r\n disabled ||\r\n !value.trim()\r\n }\r\n className=\"fb-ai-prompt-box__submit\"\r\n aria-label=\"Submit prompt\"\r\n >\r\n <ArrowUp\r\n size={16}\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n </div>\r\n </form>\r\n </div>\r\n );\r\n}","import {\r\n useEffect,\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StreamingResponse.css\";\r\n\r\nexport interface StreamingResponseProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n text?: string;\r\n\r\n accent?: string;\r\n textColor?: string;\r\n\r\n speed?: number;\r\n\r\n showCursor?: boolean;\r\n showStatus?: boolean;\r\n\r\n statusLabel?: string;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function StreamingResponse({\r\n text =\r\n \"FB Components gives your application a reusable system for motion, interaction and AI-native interfaces.\",\r\n\r\n accent = \"#9b7cff\",\r\n textColor = \"#ffffff\",\r\n\r\n speed = 24,\r\n\r\n showCursor = true,\r\n showStatus = true,\r\n\r\n statusLabel =\r\n \"GENERATING\",\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: StreamingResponseProps) {\r\n const [\r\n length,\r\n setLength,\r\n ] =\r\n useState(0);\r\n\r\n useEffect(() => {\r\n setLength(\r\n 0\r\n );\r\n\r\n if (\r\n text.length ===\r\n 0\r\n ) {\r\n return;\r\n }\r\n\r\n const interval =\r\n window.setInterval(\r\n () => {\r\n setLength(\r\n (\r\n current\r\n ) => {\r\n if (\r\n current >=\r\n text.length\r\n ) {\r\n window.clearInterval(\r\n interval\r\n );\r\n\r\n return current;\r\n }\r\n\r\n return (\r\n current +\r\n 1\r\n );\r\n }\r\n );\r\n },\r\n Math.max(\r\n 5,\r\n speed\r\n )\r\n );\r\n\r\n return () =>\r\n window.clearInterval(\r\n interval\r\n );\r\n }, [\r\n text,\r\n speed,\r\n ]);\r\n\r\n const complete =\r\n length >=\r\n text.length;\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-streaming-response ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color:\r\n textColor,\r\n\r\n [\"--fb-streaming-accent\" as string]:\r\n accent,\r\n }}\r\n aria-live=\"polite\"\r\n >\r\n {showStatus && (\r\n <div className=\"fb-streaming-response__status\">\r\n <span\r\n className={\r\n complete\r\n ? \"is-complete\"\r\n : \"\"\r\n }\r\n aria-hidden=\"true\"\r\n />\r\n\r\n {complete\r\n ? \"COMPLETE\"\r\n : statusLabel}\r\n </div>\r\n )}\r\n\r\n <p>\r\n {text.slice(\r\n 0,\r\n length\r\n )}\r\n\r\n {showCursor &&\r\n !complete && (\r\n <span\r\n className=\"fb-streaming-response__cursor\"\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n </p>\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-C3ASXASL.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/ui/SpotlightCard.tsx","../src/ui/GlassCard.tsx"],"names":["jsxs","Fragment","jsx","useState"],"mappings":"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","file":"chunk-C3ASXASL.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./SpotlightCard.css\";\r\n\r\nexport interface SpotlightCardProps {\r\n children?:\r\n React.ReactNode;\r\n\r\n background?:\r\n string;\r\n\r\n spotlightColor?:\r\n string;\r\n\r\n radius?:\r\n number;\r\n\r\n glow?:\r\n number;\r\n\r\n borderOpacity?:\r\n number;\r\n\r\n className?:\r\n string;\r\n}\r\n\r\nexport function SpotlightCard({\r\n children = (\r\n <>\r\n <span>\r\n FB\r\n </span>\r\n\r\n <strong>\r\n Spotlight\r\n </strong>\r\n\r\n <p>\r\n Move your pointer\r\n across the card.\r\n </p>\r\n </>\r\n ),\r\n\r\n background =\r\n \"#111116\",\r\n\r\n spotlightColor =\r\n \"#9b7cff\",\r\n\r\n radius =\r\n 14,\r\n\r\n glow =\r\n 35,\r\n\r\n borderOpacity =\r\n 0.12,\r\n\r\n className =\r\n \"\",\r\n}: SpotlightCardProps) {\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState({\r\n x: 50,\r\n y: 30,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLDivElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n setPoint({\r\n x:\r\n ((event.clientX -\r\n rect.left) /\r\n rect.width) *\r\n 100,\r\n\r\n y:\r\n ((event.clientY -\r\n rect.top) /\r\n rect.height) *\r\n 100,\r\n });\r\n }\r\n\r\n return (\r\n <div\r\n className={`fb-spotlight-card ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n style={{\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background: `\r\n radial-gradient(\r\n circle at\r\n ${point.x}%\r\n ${point.y}%,\r\n ${spotlightColor}${hexAlpha(\r\n glow /\r\n 100\r\n )},\r\n transparent 38%\r\n ),\r\n ${background}\r\n `,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\nfunction hexAlpha(\r\n opacity: number\r\n) {\r\n return Math.round(\r\n Math.min(\r\n 1,\r\n Math.max(\r\n 0,\r\n opacity\r\n )\r\n ) *\r\n 255\r\n )\r\n .toString(16)\r\n .padStart(\r\n 2,\r\n \"0\"\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassCard.css\";\r\n\r\nexport interface GlassCardProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nfunction hexToRgb(\r\n value: string\r\n) {\r\n const clean =\r\n value\r\n .replace(\r\n \"#\",\r\n \"\"\r\n )\r\n .trim();\r\n\r\n const normalized =\r\n clean.length ===\r\n 3\r\n ? clean\r\n .split(\"\")\r\n .map(\r\n (\r\n character\r\n ) =>\r\n character +\r\n character\r\n )\r\n .join(\"\")\r\n : clean;\r\n\r\n if (\r\n normalized.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 143,\r\n g: 115,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n Number.parseInt(\r\n normalized.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n Number.parseInt(\r\n normalized.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n Number.parseInt(\r\n normalized.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassCard({\r\n children = (\r\n <>\r\n <span className=\"fb-glass-card__eyebrow\">\r\n 01 / FEATURE\r\n </span>\r\n\r\n <div className=\"fb-glass-card__content\">\r\n <strong>\r\n Built for\r\n <br />\r\n motion.\r\n </strong>\r\n\r\n <p>\r\n Premium interaction\r\n without visual noise.\r\n </p>\r\n </div>\r\n </>\r\n ),\r\n\r\n tint = \"#8f73ff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 18,\r\n\r\n radius = 22,\r\n\r\n borderOpacity = 0.16,\r\n\r\n glowColor = \"#8f73ff\",\r\n\r\n glow = 34,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassCardProps) {\r\n const tintRgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n const glowRgb =\r\n hexToRgb(\r\n glowColor\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-glass-card ${className}`}\r\n style={{\r\n ...style,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background:\r\n `linear-gradient(\r\n 145deg,\r\n rgba(\r\n ${tintRgb.r},\r\n ${tintRgb.g},\r\n ${tintRgb.b},\r\n ${opacity}\r\n ),\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${opacity * 0.35}\r\n )\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n boxShadow:\r\n `0 24px 80px rgba(\r\n ${glowRgb.r},\r\n ${glowRgb.g},\r\n ${glowRgb.b},\r\n ${glow / 400}\r\n )`,\r\n }}\r\n >\r\n <span\r\n className=\"fb-glass-card__glow\"\r\n aria-hidden=\"true\"\r\n style={{\r\n background:\r\n glowColor,\r\n\r\n filter:\r\n `blur(${glow}px)`,\r\n }}\r\n />\r\n\r\n <div className=\"fb-glass-card__inner\">\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-CTD2GDO6.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/landing/StartupLanding.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;AAkBO,SAAS,cAAA,CAAe;AAAA,EAC7B,MAAA,GAAS,SAAA;AAAA,EACT,UAAA,GAAa,SAAA;AAAA,EACb,MAAA,GAAS,EAAA;AAAA,EAET,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,IAAA;AAAA,EAEf,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACEA,eAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAA,EAAW,sBAAsB,SAAS,CAAA,CAAA;AAAA,MAC1C,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,UAAA;AAAA,QAEA,CAAC,qBAA+B,GAC9B,MAAA;AAAA,QAEF,CAAC,qBAA+B,GAC9B,CAAA,EAAG,MAAM,CAAA,EAAA;AAAA,OACb;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,YAAO,QAAA,EAAA,OAAA,EAER,CAAA;AAAA,0CAEC,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAAA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,UAAA,EAAW,QAAA,EAAA,SAAA,EAEnB,CAAA;AAAA,4BAEAA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,WAAA,EAAY,QAAA,EAAA,UAAA,EAEpB,CAAA;AAAA,4BAEAA,cAAA,CAAC,GAAA,EAAA,EAAE,IAAA,EAAK,UAAA,EAAW,QAAA,EAAA,SAAA,EAEnB;AAAA,WAAA,EACF,CAAA;AAAA,0BAEAA,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACN,QAAA,EAAA;AAAA;AAAA;AAED,SAAA,EACF,CAAA;AAAA,wBAEAD,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0BAAA,EACb,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,UAAK,QAAA,EAAA,gBAAA,EAEN,CAAA;AAAA,0CAEC,IAAA,EAAA,EAAG,QAAA,EAAA;AAAA,YAAA,WAAA;AAAA,2CAED,IAAA,EAAA,EAAG,CAAA;AAAA,YAAE;AAAA,WAAA,EAER,CAAA;AAAA,0BAEAA,cAAA,CAAC,OAAE,QAAA,EAAA,+FAAA,EAMH,CAAA;AAAA,0BAEAA,cAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACN,QAAA,EAAA;AAAA;AAAA;AAED,SAAA,EACF,CAAA;AAAA,QAEC,WAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,6BAAA,EACZ,QAAA,EAAA;AAAA,UACC;AAAA,YACE,KAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA;AAAA,YACE,KAAA;AAAA,YACA;AAAA,WACF;AAAA,UACA;AAAA,YACE,OAAA;AAAA,YACA;AAAA;AACF,SACF,CAAE,GAAA;AAAA,UACA,CACE;AAAA,YACE,KAAA;AAAA,YACA;AAAA,WACF,qBAEAD,eAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cAKC,QAAA,EAAA;AAAA,gCAAAC,cAAA,CAAC,YACE,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,gCAEAA,cAAA,CAAC,UACE,QAAA,EAAA,KAAA,EACH;AAAA;AAAA,aAAA;AAAA,YATE;AAAA;AAUJ,SAEJ,EACF,CAAA;AAAA,QAGD,YAAA,oBACCA,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAG,UAAA;AAAA,YACH,SAAA,EAAU,8BAAA;AAAA,YAET,QAAA,EAAA;AAAA,cACC,MAAA;AAAA,cACA,SAAA;AAAA,cACA;AAAA,aACF,CAAE,GAAA;AAAA,cACA,CACE,SACA,KAAA,qBAEAD,eAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBAKC,QAAA,EAAA;AAAA,oCAAAA,eAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,sBAEF,KAAA,GACA;AAAA,qBAAA,EAEJ,CAAA;AAAA,oCAEAC,cAAA,CAAC,QACE,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,oCAEAA,cAAA,CAAC,OAAE,QAAA,EAAA,yDAAA,EAKH;AAAA;AAAA,iBAAA;AAAA,gBAnBE;AAAA;AAoBJ;AAEJ;AAAA;AACF;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-CTD2GDO6.cjs","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StartupLanding.css\";\r\n\r\nexport interface StartupLandingProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n radius?: number;\r\n\r\n showMetrics?: boolean;\r\n showFeatures?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function StartupLanding({\r\n accent = \"#7d63ff\",\r\n background = \"#08080c\",\r\n radius = 20,\r\n\r\n showMetrics = true,\r\n showFeatures = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: StartupLandingProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-startup-landing ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-startup-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-startup-radius\" as string]:\r\n `${radius}px`,\r\n }}\r\n >\r\n <nav className=\"fb-startup-landing__nav\">\r\n <strong>\r\n ACME.\r\n </strong>\r\n\r\n <div>\r\n <a href=\"#product\">\r\n Product\r\n </a>\r\n\r\n <a href=\"#features\">\r\n Features\r\n </a>\r\n\r\n <a href=\"#pricing\">\r\n Pricing\r\n </a>\r\n </div>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Join waitlist\r\n </button>\r\n </nav>\r\n\r\n <div className=\"fb-startup-landing__hero\">\r\n <span>\r\n LAUNCHING 2026\r\n </span>\r\n\r\n <h2>\r\n From idea\r\n <br />\r\n to momentum.\r\n </h2>\r\n\r\n <p>\r\n A focused operating\r\n layer for ambitious\r\n startups that want to\r\n build, launch and learn\r\n faster.\r\n </p>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Get early access\r\n </button>\r\n </div>\r\n\r\n {showMetrics && (\r\n <div className=\"fb-startup-landing__metrics\">\r\n {[\r\n [\r\n \"42K\",\r\n \"Early users\",\r\n ],\r\n [\r\n \"4.9\",\r\n \"Average rating\",\r\n ],\r\n [\r\n \"99.9%\",\r\n \"Platform uptime\",\r\n ],\r\n ].map(\r\n (\r\n [\r\n value,\r\n label,\r\n ]\r\n ) => (\r\n <article\r\n key={\r\n label\r\n }\r\n >\r\n <strong>\r\n {value}\r\n </strong>\r\n\r\n <span>\r\n {label}\r\n </span>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n\r\n {showFeatures && (\r\n <div\r\n id=\"features\"\r\n className=\"fb-startup-landing__features\"\r\n >\r\n {[\r\n \"Ship\",\r\n \"Measure\",\r\n \"Scale\",\r\n ].map(\r\n (\r\n feature,\r\n index\r\n ) => (\r\n <article\r\n key={\r\n feature\r\n }\r\n >\r\n <span>\r\n 0{\r\n index +\r\n 1\r\n }\r\n </span>\r\n\r\n <h3>\r\n {feature}\r\n </h3>\r\n\r\n <p>\r\n Simple tools\r\n designed around\r\n the decisions\r\n that matter.\r\n </p>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </section>\r\n );\r\n}"]}

package/dist/chunk-EIE6FLCL.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/ui/SpotlightCard.tsx","../src/ui/GlassCard.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-EIE6FLCL.js","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./SpotlightCard.css\";\r\n\r\nexport interface SpotlightCardProps {\r\n children?:\r\n React.ReactNode;\r\n\r\n background?:\r\n string;\r\n\r\n spotlightColor?:\r\n string;\r\n\r\n radius?:\r\n number;\r\n\r\n glow?:\r\n number;\r\n\r\n borderOpacity?:\r\n number;\r\n\r\n className?:\r\n string;\r\n}\r\n\r\nexport function SpotlightCard({\r\n children = (\r\n <>\r\n <span>\r\n FB\r\n </span>\r\n\r\n <strong>\r\n Spotlight\r\n </strong>\r\n\r\n <p>\r\n Move your pointer\r\n across the card.\r\n </p>\r\n </>\r\n ),\r\n\r\n background =\r\n \"#111116\",\r\n\r\n spotlightColor =\r\n \"#9b7cff\",\r\n\r\n radius =\r\n 14,\r\n\r\n glow =\r\n 35,\r\n\r\n borderOpacity =\r\n 0.12,\r\n\r\n className =\r\n \"\",\r\n}: SpotlightCardProps) {\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState({\r\n x: 50,\r\n y: 30,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLDivElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n setPoint({\r\n x:\r\n ((event.clientX -\r\n rect.left) /\r\n rect.width) *\r\n 100,\r\n\r\n y:\r\n ((event.clientY -\r\n rect.top) /\r\n rect.height) *\r\n 100,\r\n });\r\n }\r\n\r\n return (\r\n <div\r\n className={`fb-spotlight-card ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n style={{\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background: `\r\n radial-gradient(\r\n circle at\r\n ${point.x}%\r\n ${point.y}%,\r\n ${spotlightColor}${hexAlpha(\r\n glow /\r\n 100\r\n )},\r\n transparent 38%\r\n ),\r\n ${background}\r\n `,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}\r\n\r\nfunction hexAlpha(\r\n opacity: number\r\n) {\r\n return Math.round(\r\n Math.min(\r\n 1,\r\n Math.max(\r\n 0,\r\n opacity\r\n )\r\n ) *\r\n 255\r\n )\r\n .toString(16)\r\n .padStart(\r\n 2,\r\n \"0\"\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassCard.css\";\r\n\r\nexport interface GlassCardProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nfunction hexToRgb(\r\n value: string\r\n) {\r\n const clean =\r\n value\r\n .replace(\r\n \"#\",\r\n \"\"\r\n )\r\n .trim();\r\n\r\n const normalized =\r\n clean.length ===\r\n 3\r\n ? clean\r\n .split(\"\")\r\n .map(\r\n (\r\n character\r\n ) =>\r\n character +\r\n character\r\n )\r\n .join(\"\")\r\n : clean;\r\n\r\n if (\r\n normalized.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 143,\r\n g: 115,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n Number.parseInt(\r\n normalized.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n Number.parseInt(\r\n normalized.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n Number.parseInt(\r\n normalized.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassCard({\r\n children = (\r\n <>\r\n <span className=\"fb-glass-card__eyebrow\">\r\n 01 / FEATURE\r\n </span>\r\n\r\n <div className=\"fb-glass-card__content\">\r\n <strong>\r\n Built for\r\n <br />\r\n motion.\r\n </strong>\r\n\r\n <p>\r\n Premium interaction\r\n without visual noise.\r\n </p>\r\n </div>\r\n </>\r\n ),\r\n\r\n tint = \"#8f73ff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 18,\r\n\r\n radius = 22,\r\n\r\n borderOpacity = 0.16,\r\n\r\n glowColor = \"#8f73ff\",\r\n\r\n glow = 34,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassCardProps) {\r\n const tintRgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n const glowRgb =\r\n hexToRgb(\r\n glowColor\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-glass-card ${className}`}\r\n style={{\r\n ...style,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n\r\n background:\r\n `linear-gradient(\r\n 145deg,\r\n rgba(\r\n ${tintRgb.r},\r\n ${tintRgb.g},\r\n ${tintRgb.b},\r\n ${opacity}\r\n ),\r\n rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${opacity * 0.35}\r\n )\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n boxShadow:\r\n `0 24px 80px rgba(\r\n ${glowRgb.r},\r\n ${glowRgb.g},\r\n ${glowRgb.b},\r\n ${glow / 400}\r\n )`,\r\n }}\r\n >\r\n <span\r\n className=\"fb-glass-card__glow\"\r\n aria-hidden=\"true\"\r\n style={{\r\n background:\r\n glowColor,\r\n\r\n filter:\r\n `blur(${glow}px)`,\r\n }}\r\n />\r\n\r\n <div className=\"fb-glass-card__inner\">\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-H2AV67DY.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/data/AnimatedCounter.tsx","../src/data/RadialProgress.tsx","../src/data/MetricGrid.tsx"],"names":["useState","useRef","useEffect","jsxs","jsx"],"mappings":"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","file":"chunk-H2AV67DY.cjs","sourcesContent":["import {\r\n useEffect,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./AnimatedCounter.css\";\r\n\r\nexport interface AnimatedCounterProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n value?: number;\r\n duration?: number;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n prefix?: string;\r\n suffix?: string;\r\n\r\n label?: string;\r\n delta?: string;\r\n\r\n decimals?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function AnimatedCounter({\r\n value = 128,\r\n duration = 1.5,\r\n\r\n color = \"#ffffff\",\r\n accent = \"#9b7cff\",\r\n\r\n fontSize = 72,\r\n\r\n prefix = \"\",\r\n suffix = \"K\",\r\n\r\n label =\r\n \"ACTIVE USERS\",\r\n\r\n delta =\r\n \"+18.4%\",\r\n\r\n decimals = 0,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: AnimatedCounterProps) {\r\n const [\r\n displayed,\r\n setDisplayed,\r\n ] =\r\n useState(0);\r\n\r\n const frameRef =\r\n useRef<number | null>(\r\n null\r\n );\r\n\r\n useEffect(() => {\r\n const start =\r\n performance.now();\r\n\r\n const total =\r\n Math.max(\r\n duration,\r\n 0.01\r\n ) *\r\n 1000;\r\n\r\n function animate(\r\n now: number\r\n ) {\r\n const progress =\r\n Math.min(\r\n (\r\n now -\r\n start\r\n ) /\r\n total,\r\n 1\r\n );\r\n\r\n const eased =\r\n 1 -\r\n Math.pow(\r\n 1 -\r\n progress,\r\n 3\r\n );\r\n\r\n setDisplayed(\r\n value *\r\n eased\r\n );\r\n\r\n if (\r\n progress <\r\n 1\r\n ) {\r\n frameRef.current =\r\n requestAnimationFrame(\r\n animate\r\n );\r\n }\r\n }\r\n\r\n frameRef.current =\r\n requestAnimationFrame(\r\n animate\r\n );\r\n\r\n return () => {\r\n if (\r\n frameRef.current !==\r\n null\r\n ) {\r\n cancelAnimationFrame(\r\n frameRef.current\r\n );\r\n }\r\n };\r\n }, [\r\n value,\r\n duration,\r\n ]);\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-animated-counter ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n [\"--fb-counter-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-counter-size\" as string]:\r\n `${fontSize}px`,\r\n }}\r\n >\r\n <span className=\"fb-animated-counter__label\">\r\n {label}\r\n </span>\r\n\r\n <strong>\r\n {prefix}\r\n\r\n {displayed.toLocaleString(\r\n undefined,\r\n {\r\n minimumFractionDigits:\r\n decimals,\r\n\r\n maximumFractionDigits:\r\n decimals,\r\n }\r\n )}\r\n\r\n {suffix}\r\n </strong>\r\n\r\n {delta && (\r\n <small>\r\n {delta}\r\n </small>\r\n )}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./RadialProgress.css\";\r\n\r\nexport interface RadialProgressProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n value?: number;\r\n\r\n size?: number;\r\n strokeWidth?: number;\r\n\r\n color?: string;\r\n trackColor?: string;\r\n\r\n animated?: boolean;\r\n\r\n label?: string;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RadialProgress({\r\n value = 72,\r\n\r\n size = 180,\r\n strokeWidth = 10,\r\n\r\n color = \"#9b7cff\",\r\n trackColor = \"#24242c\",\r\n\r\n animated = true,\r\n\r\n label =\r\n \"COMPLETE\",\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: RadialProgressProps) {\r\n const clamped =\r\n Math.min(\r\n 100,\r\n Math.max(\r\n 0,\r\n value\r\n )\r\n );\r\n\r\n const radius =\r\n 50 -\r\n strokeWidth /\r\n 2;\r\n\r\n const circumference =\r\n 2 *\r\n Math.PI *\r\n radius;\r\n\r\n const offset =\r\n circumference *\r\n (\r\n 1 -\r\n clamped /\r\n 100\r\n );\r\n\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-radial-progress ${className}`}\r\n style={{\r\n ...style,\r\n\r\n width:\r\n size,\r\n\r\n height:\r\n size,\r\n\r\n [\"--fb-radial-color\" as string]:\r\n color,\r\n }}\r\n role=\"progressbar\"\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuenow={\r\n clamped\r\n }\r\n >\r\n <svg\r\n viewBox=\"0 0 100 100\"\r\n aria-hidden=\"true\"\r\n >\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r={\r\n radius\r\n }\r\n fill=\"none\"\r\n stroke={\r\n trackColor\r\n }\r\n strokeWidth={\r\n strokeWidth\r\n }\r\n />\r\n\r\n <circle\r\n cx=\"50\"\r\n cy=\"50\"\r\n r={\r\n radius\r\n }\r\n fill=\"none\"\r\n stroke={\r\n color\r\n }\r\n strokeWidth={\r\n strokeWidth\r\n }\r\n strokeLinecap=\"round\"\r\n strokeDasharray={\r\n circumference\r\n }\r\n strokeDashoffset={\r\n offset\r\n }\r\n className={\r\n animated\r\n ? \"fb-radial-progress__value fb-radial-progress__value--animated\"\r\n : \"fb-radial-progress__value\"\r\n }\r\n />\r\n </svg>\r\n\r\n <div className=\"fb-radial-progress__content\">\r\n <strong>\r\n {Math.round(\r\n clamped\r\n )}\r\n <small>\r\n %\r\n </small>\r\n </strong>\r\n\r\n <span>\r\n {label}\r\n </span>\r\n </div>\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./MetricGrid.css\";\r\n\r\nexport interface MetricItem {\r\n label: string;\r\n value: string;\r\n delta?: string;\r\n positive?: boolean;\r\n}\r\n\r\nexport interface MetricGridProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n accent?: string;\r\n background?: string;\r\n\r\n columns?: number;\r\n radius?: number;\r\n\r\n items?: MetricItem[];\r\n\r\n className?: string;\r\n}\r\n\r\nconst defaultItems:\r\n MetricItem[] = [\r\n {\r\n label:\r\n \"Revenue\",\r\n\r\n value:\r\n \"$84.2K\",\r\n\r\n delta:\r\n \"+12.6%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Users\",\r\n\r\n value:\r\n \"18.4K\",\r\n\r\n delta:\r\n \"+8.1%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Conversion\",\r\n\r\n value:\r\n \"7.8%\",\r\n\r\n delta:\r\n \"+2.4%\",\r\n\r\n positive:\r\n true,\r\n },\r\n\r\n {\r\n label:\r\n \"Latency\",\r\n\r\n value:\r\n \"94ms\",\r\n\r\n delta:\r\n \"-11%\",\r\n\r\n positive:\r\n true,\r\n },\r\n ];\r\n\r\nexport function MetricGrid({\r\n accent = \"#9b7cff\",\r\n background = \"#111116\",\r\n\r\n columns = 3,\r\n radius = 18,\r\n\r\n items =\r\n defaultItems,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: MetricGridProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-metric-grid ${className}`}\r\n style={{\r\n ...style,\r\n\r\n gridTemplateColumns:\r\n `repeat(${Math.max(\r\n 1,\r\n columns\r\n )}, minmax(0, 1fr))`,\r\n\r\n [\"--fb-metric-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-metric-background\" as string]:\r\n background,\r\n\r\n [\"--fb-metric-radius\" as string]:\r\n `${radius}px`,\r\n }}\r\n >\r\n {items.map(\r\n (\r\n item\r\n ) => (\r\n <article\r\n key={\r\n item.label\r\n }\r\n >\r\n <span>\r\n {\r\n item.label\r\n }\r\n </span>\r\n\r\n <strong>\r\n {\r\n item.value\r\n }\r\n </strong>\r\n\r\n {item.delta && (\r\n <small\r\n className={\r\n item.positive ===\r\n false\r\n ? \"is-negative\"\r\n : \"\"\r\n }\r\n >\r\n {\r\n item.delta\r\n }\r\n </small>\r\n )}\r\n </article>\r\n )\r\n )}\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-H6Y3EJPA.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/text/RevealText.tsx","../src/text/BlurReveal.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,2BACEA,eAAA,CAAAC,mBAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,mCAEC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,QAAA;AAAA,mCAEL,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GACE,SAAA;AAAA,EAEF,MAAA,GACE,SAAA;AAAA,EAEF,QAAA,GACE,EAAA;AAAA,EAEF,UAAA,GACE,IAAA;AAAA,EAEF,QAAA,GACE,GAAA;AAAA,EAEF,SAAA,GACE,IAAA;AAAA,EAEF,SAAA,GACE;AACJ,CAAA,EAAoB;AAClB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,QAAA,EAEE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,UAAA;AAAA,QAEA,iBAAA,EACE,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QAEb,aAAA,EACE,YACI,WAAA,GACA,MAAA;AAAA,QAEN,UAAA,EACE,CAAA;AAAA;AAAA,YAAA,EAEI,KAAK,CAAA;AAAA,YAAA,EACL,MAAM;AAAA,WAAA,CAAA;AAAA,QAGZ,cAAA,EACE,MAAA;AAAA,QAEF,oBAAA,EACE,MAAA;AAAA,QAEF,KAAA,EACE;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC/DO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,mBACEF,eAAAA,CAAAC,mBAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,oBAEAC,eAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,OAAA;AAAA,oBAENA,eAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GAAQ,SAAA;AAAA,EAER,QAAA,GAAW,EAAA;AAAA,EAEX,IAAA,GAAO,EAAA;AAAA,EAEP,QAAA,GAAW,EAAA;AAAA,EAEX,QAAA,GAAW,GAAA;AAAA,EAEX,MAAA,GAAS,KAAA;AAAA,EAET,SAAA,GAAY,EAAA;AAAA,EAEZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEA,cAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,eAAA,EACT,MAAA,GACI,wBAAA,GACA,EACN,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,KAAA;AAAA,QAEA,QAAA,EACE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,uBAAiC,GAChC,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QAET,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-H6Y3EJPA.cjs","sourcesContent":["import \"./RevealText.css\";\r\n\r\nexport interface RevealTextProps {\r\n children?: React.ReactNode;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n lineHeight?: number;\r\n\r\n duration?: number;\r\n\r\n uppercase?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RevealText({\r\n children = (\r\n <>\r\n Build\r\n <br />\r\n better\r\n <br />\r\n interfaces\r\n </>\r\n ),\r\n\r\n color =\r\n \"#ffffff\",\r\n\r\n accent =\r\n \"#866cff\",\r\n\r\n fontSize =\r\n 42,\r\n\r\n lineHeight =\r\n 0.86,\r\n\r\n duration =\r\n 0.7,\r\n\r\n uppercase =\r\n true,\r\n\r\n className =\r\n \"\",\r\n}: RevealTextProps) {\r\n return (\r\n <div\r\n className={`fb-reveal-text ${className}`}\r\n style={{\r\n fontSize:\r\n\r\n `${fontSize}px`,\r\n\r\n lineHeight,\r\n\r\n animationDuration:\r\n `${duration}s`,\r\n\r\n textTransform:\r\n uppercase\r\n ? \"uppercase\"\r\n : \"none\",\r\n\r\n background:\r\n `linear-gradient(\r\n 90deg,\r\n ${color},\r\n ${accent}\r\n )`,\r\n\r\n backgroundClip:\r\n \"text\",\r\n\r\n WebkitBackgroundClip:\r\n \"text\",\r\n\r\n color:\r\n \"transparent\",\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./BlurReveal.css\";\r\n\r\nexport interface BlurRevealProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n color?: string;\r\n\r\n fontSize?: number;\r\n\r\n blur?: number;\r\n\r\n distance?: number;\r\n\r\n duration?: number;\r\n\r\n repeat?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function BlurReveal({\r\n children = (\r\n <>\r\n Interfaces\r\n <br />\r\n worth\r\n <br />\r\n remembering.\r\n </>\r\n ),\r\n\r\n color = \"#ffffff\",\r\n\r\n fontSize = 48,\r\n\r\n blur = 14,\r\n\r\n distance = 24,\r\n\r\n duration = 0.8,\r\n\r\n repeat = false,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: BlurRevealProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-blur-reveal ${\r\n repeat\r\n ? \"fb-blur-reveal--repeat\"\r\n : \"\"\r\n } ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n fontSize:\r\n `${fontSize}px`,\r\n\r\n [\"--fb-blur-reveal-blur\" as string]:\r\n `${blur}px`,\r\n\r\n [\"--fb-blur-reveal-distance\" as string]:\r\n `${distance}px`,\r\n\r\n [\"--fb-blur-reveal-duration\" as string]:\r\n `${duration}s`,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-JHOJY54P.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/heroes/SaasLaunchHero.tsx"],"names":[],"mappings":"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","file":"chunk-JHOJY54P.js","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./SaasLaunchHero.css\";\r\n\r\nexport interface SaasLaunchHeroProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n headlineSize?: number;\r\n\r\n eyebrow?: string;\r\n title?: string;\r\n description?: string;\r\n\r\n primaryLabel?: string;\r\n secondaryLabel?: string;\r\n\r\n showSecondary?: boolean;\r\n showProof?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function SaasLaunchHero({\r\n accent = \"#8f73ff\",\r\n background = \"#09090d\",\r\n headlineSize = 72,\r\n\r\n eyebrow =\r\n \"BUILT FOR MODERN TEAMS\",\r\n\r\n title =\r\n \"Ship faster.\\nScale smarter.\",\r\n\r\n description =\r\n \"Everything your team needs to launch, learn and scale without adding unnecessary complexity.\",\r\n\r\n primaryLabel =\r\n \"Start free\",\r\n\r\n secondaryLabel =\r\n \"See demo\",\r\n\r\n showSecondary = true,\r\n showProof = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: SaasLaunchHeroProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-saas-launch-hero ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-saas-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-saas-headline-size\" as string]:\r\n `${headlineSize}px`,\r\n }}\r\n >\r\n <div\r\n className=\"fb-saas-launch-hero__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n <div className=\"fb-saas-launch-hero__content\">\r\n <span className=\"fb-saas-launch-hero__eyebrow\">\r\n {eyebrow}\r\n </span>\r\n\r\n <h2>\r\n {title\r\n .split(\"\\n\")\r\n .map(\r\n (\r\n line,\r\n index\r\n ) => (\r\n <span\r\n key={`${line}-${index}`}\r\n >\r\n {line}\r\n </span>\r\n )\r\n )}\r\n </h2>\r\n\r\n <p>\r\n {description}\r\n </p>\r\n\r\n <div className=\"fb-saas-launch-hero__actions\">\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__primary\"\r\n >\r\n {primaryLabel}\r\n </button>\r\n\r\n {showSecondary && (\r\n <button\r\n type=\"button\"\r\n className=\"fb-saas-launch-hero__secondary\"\r\n >\r\n {secondaryLabel}\r\n </button>\r\n )}\r\n </div>\r\n\r\n {showProof && (\r\n <div className=\"fb-saas-launch-hero__proof\">\r\n <div\r\n aria-hidden=\"true\"\r\n >\r\n <span />\r\n <span />\r\n <span />\r\n </div>\r\n\r\n <p>\r\n Trusted by product\r\n teams building the\r\n next generation.\r\n </p>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div\r\n className=\"fb-saas-launch-hero__visual\"\r\n aria-hidden=\"true\"\r\n >\r\n <div className=\"fb-saas-launch-hero__visual-card\">\r\n <span>\r\n ACTIVE USERS\r\n </span>\r\n\r\n <strong>\r\n 42,891\r\n </strong>\r\n\r\n <small>\r\n +18.4%\r\n </small>\r\n </div>\r\n\r\n <div className=\"fb-saas-launch-hero__bars\">\r\n {[\r\n 42,\r\n 64,\r\n 51,\r\n 76,\r\n 68,\r\n 88,\r\n 72,\r\n ].map(\r\n (\r\n height,\r\n index\r\n ) => (\r\n <span\r\n key={index}\r\n style={{\r\n height:\r\n `${height}%`,\r\n }}\r\n />\r\n )\r\n )}\r\n </div>\r\n </div>\r\n </section>\r\n );\r\n}"]}

package/dist/chunk-JWV3IITG.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/text/RevealText.tsx","../src/text/BlurReveal.tsx"],"names":["jsxs","Fragment","jsx"],"mappings":";;;AAmBO,SAAS,UAAA,CAAW;AAAA,EACzB,2BACE,IAAA,CAAA,QAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,OAAA;AAAA,wBAEC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,QAAA;AAAA,wBAEL,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GACE,SAAA;AAAA,EAEF,MAAA,GACE,SAAA;AAAA,EAEF,QAAA,GACE,EAAA;AAAA,EAEF,UAAA,GACE,IAAA;AAAA,EAEF,QAAA,GACE,GAAA;AAAA,EAEF,SAAA,GACE,IAAA;AAAA,EAEF,SAAA,GACE;AACJ,CAAA,EAAoB;AAClB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA,EAAO;AAAA,QACL,QAAA,EAEE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,UAAA;AAAA,QAEA,iBAAA,EACE,GAAG,QAAQ,CAAA,CAAA,CAAA;AAAA,QAEb,aAAA,EACE,YACI,WAAA,GACA,MAAA;AAAA,QAEN,UAAA,EACE,CAAA;AAAA;AAAA,YAAA,EAEI,KAAK,CAAA;AAAA,YAAA,EACL,MAAM;AAAA,WAAA,CAAA;AAAA,QAGZ,cAAA,EACE,MAAA;AAAA,QAEF,oBAAA,EACE,MAAA;AAAA,QAEF,KAAA,EACE;AAAA,OACJ;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AC/DO,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA,mBACEA,IAAAA,CAAAC,QAAAA,EAAA,EAAE,QAAA,EAAA;AAAA,IAAA,YAAA;AAAA,oBAEAC,IAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE,OAAA;AAAA,oBAENA,IAAC,IAAA,EAAA,EAAG,CAAA;AAAA,IAAE;AAAA,GAAA,EAER,CAAA;AAAA,EAGF,KAAA,GAAQ,SAAA;AAAA,EAER,QAAA,GAAW,EAAA;AAAA,EAEX,IAAA,GAAO,EAAA;AAAA,EAEP,QAAA,GAAW,EAAA;AAAA,EAEX,QAAA,GAAW,GAAA;AAAA,EAEX,MAAA,GAAS,KAAA;AAAA,EAET,SAAA,GAAY,EAAA;AAAA,EAEZ,KAAA;AAAA,EAEA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,WAAW,CAAA,eAAA,EACT,MAAA,GACI,wBAAA,GACA,EACN,IAAI,SAAS,CAAA,CAAA;AAAA,MACb,KAAA,EAAO;AAAA,QACL,GAAG,KAAA;AAAA,QAEH,KAAA;AAAA,QAEA,QAAA,EACE,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,uBAAiC,GAChC,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA;AAAA,QAET,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,QAEb,CAAC,2BAAqC,GACpC,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,OACf;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ","file":"chunk-JWV3IITG.js","sourcesContent":["import \"./RevealText.css\";\r\n\r\nexport interface RevealTextProps {\r\n children?: React.ReactNode;\r\n\r\n color?: string;\r\n accent?: string;\r\n\r\n fontSize?: number;\r\n\r\n lineHeight?: number;\r\n\r\n duration?: number;\r\n\r\n uppercase?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function RevealText({\r\n children = (\r\n <>\r\n Build\r\n <br />\r\n better\r\n <br />\r\n interfaces\r\n </>\r\n ),\r\n\r\n color =\r\n \"#ffffff\",\r\n\r\n accent =\r\n \"#866cff\",\r\n\r\n fontSize =\r\n 42,\r\n\r\n lineHeight =\r\n 0.86,\r\n\r\n duration =\r\n 0.7,\r\n\r\n uppercase =\r\n true,\r\n\r\n className =\r\n \"\",\r\n}: RevealTextProps) {\r\n return (\r\n <div\r\n className={`fb-reveal-text ${className}`}\r\n style={{\r\n fontSize:\r\n\r\n `${fontSize}px`,\r\n\r\n lineHeight,\r\n\r\n animationDuration:\r\n `${duration}s`,\r\n\r\n textTransform:\r\n uppercase\r\n ? \"uppercase\"\r\n : \"none\",\r\n\r\n background:\r\n `linear-gradient(\r\n 90deg,\r\n ${color},\r\n ${accent}\r\n )`,\r\n\r\n backgroundClip:\r\n \"text\",\r\n\r\n WebkitBackgroundClip:\r\n \"text\",\r\n\r\n color:\r\n \"transparent\",\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}","import type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./BlurReveal.css\";\r\n\r\nexport interface BlurRevealProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n color?: string;\r\n\r\n fontSize?: number;\r\n\r\n blur?: number;\r\n\r\n distance?: number;\r\n\r\n duration?: number;\r\n\r\n repeat?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function BlurReveal({\r\n children = (\r\n <>\r\n Interfaces\r\n <br />\r\n worth\r\n <br />\r\n remembering.\r\n </>\r\n ),\r\n\r\n color = \"#ffffff\",\r\n\r\n fontSize = 48,\r\n\r\n blur = 14,\r\n\r\n distance = 24,\r\n\r\n duration = 0.8,\r\n\r\n repeat = false,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: BlurRevealProps) {\r\n return (\r\n <div\r\n {...props}\r\n className={`fb-blur-reveal ${\r\n repeat\r\n ? \"fb-blur-reveal--repeat\"\r\n : \"\"\r\n } ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color,\r\n\r\n fontSize:\r\n `${fontSize}px`,\r\n\r\n [\"--fb-blur-reveal-blur\" as string]:\r\n `${blur}px`,\r\n\r\n [\"--fb-blur-reveal-distance\" as string]:\r\n `${distance}px`,\r\n\r\n [\"--fb-blur-reveal-duration\" as string]:\r\n `${duration}s`,\r\n }}\r\n >\r\n {children}\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-K5QRX5CZ.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/buttons/MagneticButton.tsx","../src/buttons/GlowButton.tsx","../src/buttons/GlassButton.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-K5QRX5CZ.js","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./MagneticButton.css\";\r\n\r\nexport interface MagneticButtonProps {\r\n children?: React.ReactNode;\r\n\r\n background?: string;\r\n textColor?: string;\r\n fontSize?: number;\r\n radius?: number;\r\n paddingX?: number;\r\n paddingY?: number;\r\n strength?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function MagneticButton({\r\n children = \"Explore\",\r\n\r\n background =\r\n \"#ffffff\",\r\n\r\n textColor =\r\n \"#000000\",\r\n\r\n fontSize =\r\n 14,\r\n\r\n radius =\r\n 999,\r\n\r\n paddingX =\r\n 22,\r\n\r\n paddingY =\r\n 13,\r\n\r\n strength =\r\n 0.3,\r\n\r\n className =\r\n \"\",\r\n}: MagneticButtonProps) {\r\n const [\r\n offset,\r\n setOffset,\r\n ] =\r\n useState({\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLButtonElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n const centerX =\r\n rect.width /\r\n 2;\r\n\r\n const centerY =\r\n rect.height /\r\n 2;\r\n\r\n const x =\r\n event.clientX -\r\n rect.left -\r\n centerX;\r\n\r\n const y =\r\n event.clientY -\r\n rect.top -\r\n centerY;\r\n\r\n setOffset({\r\n x:\r\n x *\r\n strength,\r\n\r\n y:\r\n y *\r\n strength,\r\n });\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={`fb-magnetic-button ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n onMouseLeave={() =>\r\n setOffset({\r\n x: 0,\r\n y: 0,\r\n })\r\n }\r\n style={{\r\n background,\r\n color:\r\n textColor,\r\n\r\n fontSize,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n padding:\r\n `${paddingY}px ${paddingX}px`,\r\n\r\n transform:\r\n `translate3d(\r\n ${offset.x}px,\r\n ${offset.y}px,\r\n 0\r\n )`,\r\n }}\r\n >\r\n {children}\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlowButton.css\";\r\n\r\nexport interface GlowButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n background?: string;\r\n\r\n textColor?: string;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n radius?: number;\r\n\r\n fontSize?: number;\r\n\r\n paddingX?: number;\r\n}\r\n\r\nexport function GlowButton({\r\n children = \"Get started\",\r\n\r\n background = \"#7b5cff\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n glowColor = \"#9b7cff\",\r\n\r\n glow = 32,\r\n\r\n radius = 14,\r\n\r\n fontSize = 14,\r\n\r\n paddingX = 24,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlowButtonProps) {\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glow-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n color:\r\n textColor,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n fontSize,\r\n\r\n padding:\r\n `13px ${paddingX}px`,\r\n\r\n boxShadow:\r\n `0 0 ${glow}px ${glowColor}66`,\r\n\r\n [\"--fb-glow-button-color\" as string]:\r\n glowColor,\r\n }}\r\n >\r\n <span className=\"fb-glow-button__content\">\r\n {\r\n children\r\n }\r\n </span>\r\n\r\n <span\r\n className=\"fb-glow-button__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassButton.css\";\r\n\r\nexport interface GlassButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n textColor?: string;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n}\r\n\r\nfunction hexToRgb(\r\n hex: string\r\n) {\r\n const clean =\r\n hex.replace(\r\n \"#\",\r\n \"\"\r\n );\r\n\r\n if (\r\n clean.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 255,\r\n g: 255,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n parseInt(\r\n clean.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n parseInt(\r\n clean.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n parseInt(\r\n clean.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassButton({\r\n children = \"Explore\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n tint = \"#ffffff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 16,\r\n\r\n radius = 16,\r\n\r\n borderOpacity = 0.18,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassButtonProps) {\r\n const rgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glass-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color:\r\n textColor,\r\n\r\n background:\r\n `rgba(\r\n ${rgb.r},\r\n ${rgb.g},\r\n ${rgb.b},\r\n ${opacity}\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n }}\r\n >\r\n {\r\n children\r\n }\r\n\r\n <span\r\n className=\"fb-glass-button__shine\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}"]}

package/dist/chunk-MKCSRMHF.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/motion/GlowCursor.tsx","../src/motion/MagneticCursor.tsx"],"names":["useState","jsxs","jsx","useRef","useEffect"],"mappings":"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","file":"chunk-MKCSRMHF.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./GlowCursor.css\";\r\n\r\nexport interface GlowCursorProps {\r\n children?:\r\n React.ReactNode;\r\n\r\n color?:\r\n string;\r\n\r\n size?:\r\n number;\r\n\r\n blur?:\r\n number;\r\n\r\n opacity?:\r\n number;\r\n\r\n followSpeed?:\r\n number;\r\n\r\n className?:\r\n string;\r\n}\r\n\r\nexport function GlowCursor({\r\n children,\r\n\r\n color =\r\n \"#825dff\",\r\n\r\n size =\r\n 110,\r\n\r\n blur =\r\n 35,\r\n\r\n opacity =\r\n 0.45,\r\n\r\n followSpeed =\r\n 0.12,\r\n\r\n className =\r\n \"\",\r\n}: GlowCursorProps) {\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState({\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n return (\r\n <div\r\n className={`fb-glow-cursor ${className}`}\r\n onMouseMove={(\r\n event\r\n ) => {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n setPoint({\r\n x:\r\n event.clientX -\r\n rect.left,\r\n\r\n y:\r\n event.clientY -\r\n rect.top,\r\n });\r\n }}\r\n >\r\n <div\r\n className=\"fb-glow-cursor__glow\"\r\n style={{\r\n width:\r\n size,\r\n\r\n height:\r\n size,\r\n\r\n left:\r\n point.x,\r\n\r\n top:\r\n point.y,\r\n\r\n background:\r\n color,\r\n\r\n filter:\r\n `blur(${blur}px)`,\r\n\r\n opacity,\r\n\r\n transitionDuration:\r\n `${followSpeed}s`,\r\n }}\r\n />\r\n\r\n <div className=\"fb-glow-cursor__content\">\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n}","import {\r\n useEffect,\r\n useRef,\r\n useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n HTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./MagneticCursor.css\";\r\n\r\nexport interface MagneticCursorProps\r\n extends HTMLAttributes<HTMLDivElement> {\r\n children?: ReactNode;\r\n\r\n color?: string;\r\n\r\n size?: number;\r\n\r\n ringSize?: number;\r\n\r\n followSpeed?: number;\r\n\r\n magneticStrength?: number;\r\n\r\n className?: string;\r\n}\r\n\r\ninterface Point {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport function MagneticCursor({\r\n children,\r\n\r\n color = \"#b99cff\",\r\n\r\n size = 18,\r\n\r\n ringSize = 44,\r\n\r\n followSpeed = 0.14,\r\n\r\n magneticStrength = 0.25,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: MagneticCursorProps) {\r\n const containerRef =\r\n useRef<HTMLDivElement>(\r\n null\r\n );\r\n\r\n const [\r\n point,\r\n setPoint,\r\n ] =\r\n useState<Point>({\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n const [\r\n visible,\r\n setVisible,\r\n ] =\r\n useState(false);\r\n\r\n const [\r\n hoveringTarget,\r\n setHoveringTarget,\r\n ] =\r\n useState(false);\r\n\r\n useEffect(() => {\r\n const element =\r\n containerRef.current;\r\n\r\n if (!element) {\r\n return;\r\n }\r\n\r\n function handlePointerMove(\r\n event: PointerEvent\r\n ) {\r\n const rect =\r\n element!.getBoundingClientRect();\r\n\r\n let x =\r\n event.clientX -\r\n rect.left;\r\n\r\n let y =\r\n event.clientY -\r\n rect.top;\r\n\r\n const target =\r\n (\r\n event.target as\r\n HTMLElement | null\r\n )?.closest(\r\n \"[data-magnetic-target]\"\r\n ) as\r\n | HTMLElement\r\n | null;\r\n\r\n if (target) {\r\n const targetRect =\r\n target.getBoundingClientRect();\r\n\r\n const centerX =\r\n targetRect.left +\r\n targetRect.width /\r\n 2;\r\n\r\n const centerY =\r\n targetRect.top +\r\n targetRect.height /\r\n 2;\r\n\r\n x +=\r\n (\r\n centerX -\r\n event.clientX\r\n ) *\r\n magneticStrength;\r\n\r\n y +=\r\n (\r\n centerY -\r\n event.clientY\r\n ) *\r\n magneticStrength;\r\n\r\n setHoveringTarget(\r\n true\r\n );\r\n } else {\r\n setHoveringTarget(\r\n false\r\n );\r\n }\r\n\r\n setPoint({\r\n x,\r\n y,\r\n });\r\n\r\n setVisible(\r\n true\r\n );\r\n }\r\n\r\n function handlePointerLeave() {\r\n setVisible(\r\n false\r\n );\r\n\r\n setHoveringTarget(\r\n false\r\n );\r\n }\r\n\r\n element.addEventListener(\r\n \"pointermove\",\r\n handlePointerMove\r\n );\r\n\r\n element.addEventListener(\r\n \"pointerleave\",\r\n handlePointerLeave\r\n );\r\n\r\n return () => {\r\n element.removeEventListener(\r\n \"pointermove\",\r\n handlePointerMove\r\n );\r\n\r\n element.removeEventListener(\r\n \"pointerleave\",\r\n handlePointerLeave\r\n );\r\n };\r\n }, [\r\n magneticStrength,\r\n ]);\r\n\r\n return (\r\n <div\r\n {...props}\r\n ref={\r\n containerRef\r\n }\r\n className={`fb-magnetic-cursor ${className}`}\r\n style={{\r\n ...style,\r\n\r\n cursor:\r\n \"none\",\r\n }}\r\n >\r\n <div className=\"fb-magnetic-cursor__content\">\r\n {children}\r\n </div>\r\n\r\n <span\r\n aria-hidden=\"true\"\r\n className={`fb-magnetic-cursor__ring ${\r\n visible\r\n ? \"is-visible\"\r\n : \"\"\r\n } ${\r\n hoveringTarget\r\n ? \"is-targeting\"\r\n : \"\"\r\n }`}\r\n style={{\r\n width:\r\n ringSize,\r\n\r\n height:\r\n ringSize,\r\n\r\n left:\r\n point.x,\r\n\r\n top:\r\n point.y,\r\n\r\n borderColor:\r\n color,\r\n\r\n transitionDuration:\r\n `${followSpeed}s`,\r\n }}\r\n />\r\n\r\n <span\r\n aria-hidden=\"true\"\r\n className={`fb-magnetic-cursor__dot ${\r\n visible\r\n ? \"is-visible\"\r\n : \"\"\r\n }`}\r\n style={{\r\n width:\r\n size,\r\n\r\n height:\r\n size,\r\n\r\n left:\r\n point.x,\r\n\r\n top:\r\n point.y,\r\n\r\n background:\r\n color,\r\n\r\n boxShadow:\r\n `0 0 ${size}px ${color}`,\r\n }}\r\n />\r\n </div>\r\n );\r\n}"]}

package/dist/chunk-R2F3FTBL.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/landing/StartupLanding.tsx"],"names":[],"mappings":"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","file":"chunk-R2F3FTBL.js","sourcesContent":["import type {\r\n HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StartupLanding.css\";\r\n\r\nexport interface StartupLandingProps\r\n extends HTMLAttributes<HTMLElement> {\r\n accent?: string;\r\n background?: string;\r\n radius?: number;\r\n\r\n showMetrics?: boolean;\r\n showFeatures?: boolean;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function StartupLanding({\r\n accent = \"#7d63ff\",\r\n background = \"#08080c\",\r\n radius = 20,\r\n\r\n showMetrics = true,\r\n showFeatures = true,\r\n\r\n className = \"\",\r\n style,\r\n\r\n ...props\r\n}: StartupLandingProps) {\r\n return (\r\n <section\r\n {...props}\r\n className={`fb-startup-landing ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n [\"--fb-startup-accent\" as string]:\r\n accent,\r\n\r\n [\"--fb-startup-radius\" as string]:\r\n `${radius}px`,\r\n }}\r\n >\r\n <nav className=\"fb-startup-landing__nav\">\r\n <strong>\r\n ACME.\r\n </strong>\r\n\r\n <div>\r\n <a href=\"#product\">\r\n Product\r\n </a>\r\n\r\n <a href=\"#features\">\r\n Features\r\n </a>\r\n\r\n <a href=\"#pricing\">\r\n Pricing\r\n </a>\r\n </div>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Join waitlist\r\n </button>\r\n </nav>\r\n\r\n <div className=\"fb-startup-landing__hero\">\r\n <span>\r\n LAUNCHING 2026\r\n </span>\r\n\r\n <h2>\r\n From idea\r\n <br />\r\n to momentum.\r\n </h2>\r\n\r\n <p>\r\n A focused operating\r\n layer for ambitious\r\n startups that want to\r\n build, launch and learn\r\n faster.\r\n </p>\r\n\r\n <button\r\n type=\"button\"\r\n >\r\n Get early access\r\n </button>\r\n </div>\r\n\r\n {showMetrics && (\r\n <div className=\"fb-startup-landing__metrics\">\r\n {[\r\n [\r\n \"42K\",\r\n \"Early users\",\r\n ],\r\n [\r\n \"4.9\",\r\n \"Average rating\",\r\n ],\r\n [\r\n \"99.9%\",\r\n \"Platform uptime\",\r\n ],\r\n ].map(\r\n (\r\n [\r\n value,\r\n label,\r\n ]\r\n ) => (\r\n <article\r\n key={\r\n label\r\n }\r\n >\r\n <strong>\r\n {value}\r\n </strong>\r\n\r\n <span>\r\n {label}\r\n </span>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n\r\n {showFeatures && (\r\n <div\r\n id=\"features\"\r\n className=\"fb-startup-landing__features\"\r\n >\r\n {[\r\n \"Ship\",\r\n \"Measure\",\r\n \"Scale\",\r\n ].map(\r\n (\r\n feature,\r\n index\r\n ) => (\r\n <article\r\n key={\r\n feature\r\n }\r\n >\r\n <span>\r\n 0{\r\n index +\r\n 1\r\n }\r\n </span>\r\n\r\n <h3>\r\n {feature}\r\n </h3>\r\n\r\n <p>\r\n Simple tools\r\n designed around\r\n the decisions\r\n that matter.\r\n </p>\r\n </article>\r\n )\r\n )}\r\n </div>\r\n )}\r\n </section>\r\n );\r\n}"]}

package/dist/chunk-ROKPXWY2.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/buttons/MagneticButton.tsx","../src/buttons/GlowButton.tsx","../src/buttons/GlassButton.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-ROKPXWY2.cjs","sourcesContent":["import {\r\n useState,\r\n} from \"react\";\r\n\r\nimport \"./MagneticButton.css\";\r\n\r\nexport interface MagneticButtonProps {\r\n children?: React.ReactNode;\r\n\r\n background?: string;\r\n textColor?: string;\r\n fontSize?: number;\r\n radius?: number;\r\n paddingX?: number;\r\n paddingY?: number;\r\n strength?: number;\r\n\r\n className?: string;\r\n}\r\n\r\nexport function MagneticButton({\r\n children = \"Explore\",\r\n\r\n background =\r\n \"#ffffff\",\r\n\r\n textColor =\r\n \"#000000\",\r\n\r\n fontSize =\r\n 14,\r\n\r\n radius =\r\n 999,\r\n\r\n paddingX =\r\n 22,\r\n\r\n paddingY =\r\n 13,\r\n\r\n strength =\r\n 0.3,\r\n\r\n className =\r\n \"\",\r\n}: MagneticButtonProps) {\r\n const [\r\n offset,\r\n setOffset,\r\n ] =\r\n useState({\r\n x: 0,\r\n y: 0,\r\n });\r\n\r\n function handleMove(\r\n event:\r\n React.MouseEvent<HTMLButtonElement>\r\n ) {\r\n const rect =\r\n event.currentTarget.getBoundingClientRect();\r\n\r\n const centerX =\r\n rect.width /\r\n 2;\r\n\r\n const centerY =\r\n rect.height /\r\n 2;\r\n\r\n const x =\r\n event.clientX -\r\n rect.left -\r\n centerX;\r\n\r\n const y =\r\n event.clientY -\r\n rect.top -\r\n centerY;\r\n\r\n setOffset({\r\n x:\r\n x *\r\n strength,\r\n\r\n y:\r\n y *\r\n strength,\r\n });\r\n }\r\n\r\n return (\r\n <button\r\n type=\"button\"\r\n className={`fb-magnetic-button ${className}`}\r\n onMouseMove={\r\n handleMove\r\n }\r\n onMouseLeave={() =>\r\n setOffset({\r\n x: 0,\r\n y: 0,\r\n })\r\n }\r\n style={{\r\n background,\r\n color:\r\n textColor,\r\n\r\n fontSize,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n padding:\r\n `${paddingY}px ${paddingX}px`,\r\n\r\n transform:\r\n `translate3d(\r\n ${offset.x}px,\r\n ${offset.y}px,\r\n 0\r\n )`,\r\n }}\r\n >\r\n {children}\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlowButton.css\";\r\n\r\nexport interface GlowButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n background?: string;\r\n\r\n textColor?: string;\r\n\r\n glowColor?: string;\r\n\r\n glow?: number;\r\n\r\n radius?: number;\r\n\r\n fontSize?: number;\r\n\r\n paddingX?: number;\r\n}\r\n\r\nexport function GlowButton({\r\n children = \"Get started\",\r\n\r\n background = \"#7b5cff\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n glowColor = \"#9b7cff\",\r\n\r\n glow = 32,\r\n\r\n radius = 14,\r\n\r\n fontSize = 14,\r\n\r\n paddingX = 24,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlowButtonProps) {\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glow-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n background,\r\n\r\n color:\r\n textColor,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n fontSize,\r\n\r\n padding:\r\n `13px ${paddingX}px`,\r\n\r\n boxShadow:\r\n `0 0 ${glow}px ${glowColor}66`,\r\n\r\n [\"--fb-glow-button-color\" as string]:\r\n glowColor,\r\n }}\r\n >\r\n <span className=\"fb-glow-button__content\">\r\n {\r\n children\r\n }\r\n </span>\r\n\r\n <span\r\n className=\"fb-glow-button__glow\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}","import type {\r\n ButtonHTMLAttributes,\r\n ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassButton.css\";\r\n\r\nexport interface GlassButtonProps\r\n extends Omit<\r\n ButtonHTMLAttributes<HTMLButtonElement>,\r\n \"color\"\r\n > {\r\n children?: ReactNode;\r\n\r\n textColor?: string;\r\n\r\n tint?: string;\r\n\r\n opacity?: number;\r\n\r\n blur?: number;\r\n\r\n radius?: number;\r\n\r\n borderOpacity?: number;\r\n}\r\n\r\nfunction hexToRgb(\r\n hex: string\r\n) {\r\n const clean =\r\n hex.replace(\r\n \"#\",\r\n \"\"\r\n );\r\n\r\n if (\r\n clean.length !==\r\n 6\r\n ) {\r\n return {\r\n r: 255,\r\n g: 255,\r\n b: 255,\r\n };\r\n }\r\n\r\n return {\r\n r:\r\n parseInt(\r\n clean.slice(\r\n 0,\r\n 2\r\n ),\r\n 16\r\n ),\r\n\r\n g:\r\n parseInt(\r\n clean.slice(\r\n 2,\r\n 4\r\n ),\r\n 16\r\n ),\r\n\r\n b:\r\n parseInt(\r\n clean.slice(\r\n 4,\r\n 6\r\n ),\r\n 16\r\n ),\r\n };\r\n}\r\n\r\nexport function GlassButton({\r\n children = \"Explore\",\r\n\r\n textColor = \"#ffffff\",\r\n\r\n tint = \"#ffffff\",\r\n\r\n opacity = 0.08,\r\n\r\n blur = 16,\r\n\r\n radius = 16,\r\n\r\n borderOpacity = 0.18,\r\n\r\n className = \"\",\r\n\r\n style,\r\n\r\n ...props\r\n}: GlassButtonProps) {\r\n const rgb =\r\n hexToRgb(\r\n tint\r\n );\r\n\r\n return (\r\n <button\r\n {...props}\r\n type={\r\n props.type ??\r\n \"button\"\r\n }\r\n className={`fb-glass-button ${className}`}\r\n style={{\r\n ...style,\r\n\r\n color:\r\n textColor,\r\n\r\n background:\r\n `rgba(\r\n ${rgb.r},\r\n ${rgb.g},\r\n ${rgb.b},\r\n ${opacity}\r\n )`,\r\n\r\n backdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n WebkitBackdropFilter:\r\n `blur(${blur}px)`,\r\n\r\n borderRadius:\r\n radius,\r\n\r\n borderColor:\r\n `rgba(\r\n 255,\r\n 255,\r\n 255,\r\n ${borderOpacity}\r\n )`,\r\n }}\r\n >\r\n {\r\n children\r\n }\r\n\r\n <span\r\n className=\"fb-glass-button__shine\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n );\r\n}"]}