{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "safe-note-calculator", "title": "Safe Note Calculator", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/safe-note-calculator/SafeNoteCalculator.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n BadgePercent,\n Check,\n CheckCircle2,\n Copy,\n DollarSign,\n FileSpreadsheet,\n Layers,\n Percent,\n PieChart,\n Scale,\n ShieldCheck,\n TrendingUp,\n} from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Separator } from '@/components/ui/separator'\nimport { Slider } from '@/components/ui/slider'\nimport { Switch } from '@/components/ui/switch'\nimport { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '@/components/ui/table'\nimport { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs'\n\ntype RoundPreset = 'seed-standard' | 'preseed-safe' | 'uncapped-discount' | 'bridge-round'\n\ninterface PresetConfig {\n id: RoundPreset\n label: string\n investment: number\n valuationCap: number\n hasDiscount: boolean\n discountRate: number\n shares: number\n seriesAPreMoney: number\n description: string\n}\n\nconst PRESETS: Record = {\n 'seed-standard': {\n id: 'seed-standard',\n label: 'Standard Seed ($1M @ $15M)',\n investment: 1_000_000,\n valuationCap: 15_000_000,\n hasDiscount: true,\n discountRate: 20,\n shares: 10_000_000,\n seriesAPreMoney: 25_000_000,\n description: 'Standard YC Post-Money SAFE with $15M valuation cap and optional 20% discount clause.',\n },\n 'preseed-safe': {\n id: 'preseed-safe',\n label: 'Pre-Seed ($500K @ $8M)',\n investment: 500_000,\n valuationCap: 8_000_000,\n hasDiscount: true,\n discountRate: 20,\n shares: 10_000_000,\n seriesAPreMoney: 18_000_000,\n description: 'Early-stage angel or accelerator round with $8M valuation cap.',\n },\n 'uncapped-discount': {\n id: 'uncapped-discount',\n label: 'Uncapped (25% Disc)',\n investment: 750_000,\n valuationCap: 60_000_000,\n hasDiscount: true,\n discountRate: 25,\n shares: 10_000_000,\n seriesAPreMoney: 20_000_000,\n description: 'High valuation cap structure where the 25% discount governs share conversion price.',\n },\n 'bridge-round': {\n id: 'bridge-round',\n label: 'Growth Bridge ($2M @ $25M)',\n investment: 2_000_000,\n valuationCap: 25_000_000,\n hasDiscount: true,\n discountRate: 15,\n shares: 10_000_000,\n seriesAPreMoney: 45_000_000,\n description: 'Late seed extension bridging into a larger institutional Series A equity round.',\n },\n}\n\nconst INVESTMENT_MARKS = {\n 100000: '$100K',\n 1000000: '$1M',\n 2500000: '$2.5M',\n 5000000: '$5M',\n}\n\nconst VALUATION_CAP_MARKS = {\n 2000000: '$2M',\n 15000000: '$15M',\n 30000000: '$30M',\n 50000000: '$50M',\n}\n\nconst DISCOUNT_RATE_MARKS = {\n 10: '10%',\n 15: '15%',\n 20: '20%',\n 25: '25%',\n 30: '30%',\n}\n\nconst SERIES_A_MARKS = {\n 5000000: '$5M',\n 25000000: '$25M',\n 50000000: '$50M',\n 80000000: '$80M',\n}\n\nconst SCENARIO_VALUATIONS = [10_000_000, 15_000_000, 20_000_000, 25_000_000, 40_000_000, 60_000_000]\n\n// Number & Currency Formatters\nconst fmtCurrency = (val: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n }).format(val || 0)\n}\n\nconst fmtCurrencyWhole = (val: number) => {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 0,\n maximumFractionDigits: 0,\n }).format(val || 0)\n}\n\nconst fmtPercent = (val: number, decimals = 2) => {\n return `${(val || 0).toFixed(decimals)}%`\n}\n\nconst fmtNumber = (val: number) => {\n return new Intl.NumberFormat('en-US', {\n maximumFractionDigits: 0,\n }).format(val || 0)\n}\n\nexport function SafeNoteCalculator({ className }: { className?: string }) {\n const [selectedPreset, setSelectedPreset] = React.useState('seed-standard')\n const [investmentAmount, setInvestmentAmount] = React.useState(1_000_000)\n const [valuationCap, setValuationCap] = React.useState(15_000_000)\n const [hasDiscount, setHasDiscount] = React.useState(true)\n const [discountRate, setDiscountRate] = React.useState(20)\n const [companyCapitalization, setCompanyCapitalization] = React.useState(10_000_000)\n const [seriesAPreMoney, setSeriesAPreMoney] = React.useState(25_000_000)\n const [copied, setCopied] = React.useState(false)\n\n const handlePresetChange = React.useCallback((value: string) => {\n const presetId = value as RoundPreset\n setSelectedPreset(presetId)\n const preset = PRESETS[presetId]\n if (preset) {\n setInvestmentAmount(preset.investment)\n setValuationCap(preset.valuationCap)\n setHasDiscount(preset.hasDiscount)\n setDiscountRate(preset.discountRate)\n setCompanyCapitalization(preset.shares)\n setSeriesAPreMoney(preset.seriesAPreMoney)\n }\n }, [])\n\n // Core SAFE conversion economics\n const calculations = React.useMemo(() => {\n const inv = Math.max(1, investmentAmount)\n const cap = Math.max(1, valuationCap)\n const shares = Math.max(1, companyCapitalization)\n const seriesA = Math.max(1, seriesAPreMoney)\n const disc = hasDiscount ? Math.max(0, Math.min(99, discountRate)) : 0\n\n // Series A unqualified price per share\n const seriesAPricePerShare = seriesA / shares\n\n // Cap conversion price per share\n const capPricePerShare = cap / shares\n\n // Discount conversion price per share\n const discountPricePerShare = hasDiscount ? seriesAPricePerShare * (1 - disc / 100) : seriesAPricePerShare\n\n // In YC Post-Money SAFE, investor converts at the lower of Cap Price or Discount Price\n let conversionPrice = capPricePerShare\n let governingMechanism: 'cap' | 'discount' = 'cap'\n\n if (hasDiscount && discountPricePerShare < capPricePerShare) {\n conversionPrice = discountPricePerShare\n governingMechanism = 'discount'\n } else {\n conversionPrice = capPricePerShare\n governingMechanism = 'cap'\n }\n\n // Converted shares issued\n const safeShares = conversionPrice > 0 ? Math.round(inv / conversionPrice) : 0\n\n // Equity percentage calculation\n const safeOwnershipPct = Math.min(100, Math.max(0, (safeShares / shares) * 100))\n const founderShares = Math.max(0, shares - safeShares)\n const founderOwnershipPct = Math.max(0, 100 - safeOwnershipPct)\n\n // Effective discount achieved vs Series A price\n const effectiveDiscountPct =\n seriesAPricePerShare > 0\n ? Math.max(0, ((seriesAPricePerShare - conversionPrice) / seriesAPricePerShare) * 100)\n : 0\n\n // Implied Value of SAFE stake at Series A price\n const impliedSeriesAValue = safeShares * seriesAPricePerShare\n const valueGain = Math.max(0, impliedSeriesAValue - inv)\n const paperRoiMultiple = inv > 0 ? impliedSeriesAValue / inv : 1\n\n return {\n seriesAPricePerShare,\n capPricePerShare,\n discountPricePerShare,\n conversionPrice,\n governingMechanism,\n safeShares,\n founderShares,\n totalShares: shares,\n safeOwnershipPct,\n founderOwnershipPct,\n effectiveDiscountPct,\n impliedSeriesAValue,\n valueGain,\n paperRoiMultiple,\n }\n }, [investmentAmount, valuationCap, companyCapitalization, seriesAPreMoney, hasDiscount, discountRate])\n\n // Sensitivity scenarios across different Series A pre-money valuations\n const scenarioResults = React.useMemo(() => {\n const inv = Math.max(1, investmentAmount)\n const cap = Math.max(1, valuationCap)\n const shares = Math.max(1, companyCapitalization)\n const disc = hasDiscount ? Math.max(0, Math.min(99, discountRate)) : 0\n\n return SCENARIO_VALUATIONS.map((scenarioValuation) => {\n const seriesAPrice = scenarioValuation / shares\n const capPrice = cap / shares\n const discountPrice = hasDiscount ? seriesAPrice * (1 - disc / 100) : seriesAPrice\n\n let convPrice = capPrice\n let mechanism = 'Valuation Cap'\n if (hasDiscount && discountPrice < capPrice) {\n convPrice = discountPrice\n mechanism = `Discount (${disc}%)`\n }\n\n const issuedShares = convPrice > 0 ? Math.round(inv / convPrice) : 0\n const ownershipPct = (issuedShares / shares) * 100\n const effectiveDiscount = seriesAPrice > 0 ? Math.max(0, ((seriesAPrice - convPrice) / seriesAPrice) * 100) : 0\n const impliedValue = issuedShares * seriesAPrice\n const isCurrentTarget = scenarioValuation === seriesAPreMoney\n\n return {\n valuation: scenarioValuation,\n seriesAPrice,\n convPrice,\n mechanism,\n issuedShares,\n ownershipPct,\n effectiveDiscount,\n impliedValue,\n isCurrentTarget,\n }\n })\n }, [investmentAmount, valuationCap, companyCapitalization, hasDiscount, discountRate, seriesAPreMoney])\n\n const copySummary = React.useCallback(() => {\n const c = calculations\n const text = `YC Post-Money SAFE Conversion Summary:\n- Investment Amount: ${fmtCurrency(investmentAmount)}\n- Valuation Cap: ${fmtCurrency(valuationCap)}\n- Series A Target: ${fmtCurrency(seriesAPreMoney)} Pre-Money\n- Investor Ownership: ${fmtPercent(c.safeOwnershipPct)} (${fmtNumber(c.safeShares)} shares)\n- Conversion Price: ${fmtCurrency(c.conversionPrice)} / share (vs Series A ${fmtCurrency(c.seriesAPricePerShare)})\n- Effective Discount: ${fmtPercent(c.effectiveDiscountPct)}\n- Governing Term: ${c.governingMechanism === 'cap' ? 'Valuation Cap' : 'Discount Rate'}`\n\n navigator.clipboard?.writeText(text)\n setCopied(true)\n setTimeout(() => {\n setCopied(false)\n }, 2000)\n }, [calculations, investmentAmount, valuationCap, seriesAPreMoney])\n\n return (\n \n {/* Header */}\n
\n \n \n YC Post-Money SAFE v1.1 · Valuation Cap + Discount\n \n
\n

\n Y Combinator Post-Money SAFE Calculator\n

\n

\n Model founder dilution, investor ownership percentages, and conversion price per share.\n

\n
\n\n {/* Preset Tabs */}\n
\n \n \n \n \n Standard Seed\n \n \n \n Pre-Seed SAFE\n \n \n \n Uncapped Disc\n \n \n \n Growth Bridge\n \n \n \n
\n
\n\n {/* 2-Column Calculator Layout */}\n
\n {/* Left Input Card */}\n
\n \n \n \n \n SAFE Terms & Round Inputs\n \n \n Configure investment size, valuation cap, optional discount rate, capitalization, and Series A targets.\n \n \n \n {/* 1. Investment Amount */}\n
\n
\n
\n Investment Amount\n

Total cash invested into the SAFE.

\n
\n
\n setInvestmentAmount(Number(e.target.value) || 0)}\n />\n
\n
\n
\n `$${val.toLocaleString('en-US')}`}\n onValueChange={(val) => setInvestmentAmount(val[0] ?? 0)}\n />\n
\n
\n Quick select:\n {[250000, 500000, 1000000, 1500000, 2000000, 3000000].map((amt) => (\n setInvestmentAmount(amt)}\n >\n ${amt >= 1000000 ? `${(amt / 1000000).toFixed(amt % 1000000 === 0 ? 0 : 1)}M` : `${amt / 1000}K`}\n \n ))}\n
\n
\n\n \n\n {/* 2. Post-Money Valuation Cap */}\n
\n
\n
\n Post-Money Valuation Cap\n

Maximum valuation ceiling for conversion.

\n
\n
\n setValuationCap(Number(e.target.value) || 0)}\n />\n
\n
\n
\n `$${val.toLocaleString('en-US')}`}\n onValueChange={(val) => setValuationCap(val[0] ?? 0)}\n />\n
\n
\n Cap benchmarks:\n {[5000000, 8000000, 12000000, 15000000, 20000000, 30000000].map((cap) => (\n setValuationCap(cap)}\n >\n ${(cap / 1000000).toFixed(0)}M\n \n ))}\n
\n
\n\n \n\n {/* 3. Discount Rate Input & Toggle */}\n
\n
\n
\n
\n Discount Rate Clause\n {hasDiscount ? (\n \n Active\n \n ) : (\n \n Cap Only\n \n )}\n
\n

\n Percentage discount on Series A price if cap is not exceeded.\n

\n
\n
\n \n {hasDiscount && (\n
\n setDiscountRate(Number(e.target.value) || 0)}\n />\n
\n )}\n
\n
\n\n {hasDiscount && (\n
\n
\n `${val}% Discount`}\n onValueChange={(val) => setDiscountRate(val[0] ?? 0)}\n />\n
\n
\n Standard rates:\n {[10, 15, 20, 25, 30].map((rate) => (\n setDiscountRate(rate)}\n >\n {rate}%\n \n ))}\n
\n
\n )}\n
\n\n \n\n {/* 4. Company Existing Capitalization */}\n
\n
\n
\n Company Existing Capitalization\n

Total pre-conversion issued shares and option pool.

\n
\n
\n setCompanyCapitalization(Number(e.target.value) || 0)}\n />\n
\n
\n
\n Common share counts:\n {[5000000, 8000000, 10000000, 12000000, 15000000].map((count) => (\n setCompanyCapitalization(count)}\n >\n {(count / 1000000).toFixed(0)}M Shares\n \n ))}\n
\n
\n\n \n\n {/* 5. Series A Pre-Money Target */}\n
\n
\n
\n Series A Pre-Money Target\n

Target qualified financing equity valuation.

\n
\n
\n setSeriesAPreMoney(Number(e.target.value) || 0)}\n />\n
\n
\n
\n `$${val.toLocaleString('en-US')}`}\n onValueChange={(val) => setSeriesAPreMoney(val[0] ?? 0)}\n />\n
\n
\n Series A benchmarks:\n {[15000000, 20000000, 25000000, 35000000, 50000000, 75000000].map((target) => (\n setSeriesAPreMoney(target)}\n >\n ${(target / 1000000).toFixed(0)}M\n \n ))}\n
\n
\n \n \n
\n\n {/* Right Results Card (Sticky on desktop) */}\n
\n \n \n
\n \n Investor Ownership Stake\n \n \n {calculations.governingMechanism === 'cap' ? 'Cap Governs' : 'Discount Governs'}\n \n
\n
\n
\n \n {fmtPercent(calculations.safeOwnershipPct)}\n \n Post-SAFE Ownership\n
\n

\n SAFE investor receives{' '}\n \n {fmtNumber(calculations.safeShares)}\n {' '}\n shares at conversion.\n

\n
\n \n\n \n \n\n {/* Key Economics Metrics Grid */}\n
\n
\n SAFE Conversion Price\n \n {fmtCurrency(calculations.conversionPrice)}\n \n \n vs Series A {fmtCurrency(calculations.seriesAPricePerShare)}\n \n
\n\n
\n Converted Shares Issued\n \n {fmtNumber(calculations.safeShares)}\n \n Equity units\n
\n\n
\n Effective Discount\n \n {fmtPercent(calculations.effectiveDiscountPct)}\n \n Savings vs Series A\n
\n\n
\n Implied Series A Value\n \n {fmtCurrencyWhole(calculations.impliedSeriesAValue)}\n \n \n +{fmtCurrencyWhole(calculations.valueGain)} ({calculations.paperRoiMultiple.toFixed(2)}x)\n \n
\n
\n\n \n\n {/* Visual Equity Distribution Bar */}\n
\n
\n Founders vs. SAFE Investor\n \n {fmtPercent(calculations.founderOwnershipPct)} / {fmtPercent(calculations.safeOwnershipPct)}\n \n
\n
\n \n \n
\n
\n
\n \n \n Founders: {fmtPercent(calculations.founderOwnershipPct)} ({fmtNumber(calculations.founderShares)}{' '}\n sh)\n \n
\n
\n \n \n SAFE: {fmtPercent(calculations.safeOwnershipPct)} ({fmtNumber(calculations.safeShares)} sh)\n \n
\n
\n
\n\n \n\n {/* Post-Conversion Dilution Breakdown Table */}\n
\n \n Post-Conversion Dilution Breakdown\n \n
\n
\n \n \n \n Stakeholder\n Ownership\n Shares\n Implied Value\n \n \n \n \n Founders & Existing\n \n {fmtPercent(calculations.founderOwnershipPct)}\n \n \n {fmtNumber(calculations.founderShares)}\n \n \n {fmtCurrencyWhole(calculations.founderShares * calculations.seriesAPricePerShare)}\n \n \n \n SAFE Seed Investors\n \n {fmtPercent(calculations.safeOwnershipPct)}\n \n \n {fmtNumber(calculations.safeShares)}\n \n \n {fmtCurrencyWhole(calculations.impliedSeriesAValue)}\n \n \n \n \n \n Total Post-SAFE\n 100.00%\n \n {fmtNumber(calculations.totalShares)}\n \n \n {fmtCurrencyWhole(seriesAPreMoney)}\n \n \n \n
\n
\n
\n
\n\n \n\n {/* Key SAFE Takeaways Checklist */}\n
    \n
  • \n \n Post-money cap fixes ownership before Series A round\n
    • \n
  • \n \n Converts to Preferred Stock with investor liquidation preference\n
    • \n
  • \n \n No debt maturity dates, no interest accrual compounding\n
    • \n
\n \n\n \n \n \n \n \n
\n
\n\n {/* Bottom Section: Series A Valuation Sensitivity Table */}\n \n \n
\n \n \n Series A Qualified Financing Sensitivity Matrix\n \n \n Simulate how SAFE investor ownership percentage, share price, and conversion mechanism respond across\n different next-round valuations.\n \n
\n \n \n
\n \n \n \n Series A Valuation\n Series A Price\n SAFE Conversion Price\n Governing Term\n Shares Issued\n SAFE Ownership\n Effective Savings\n Implied Stake Value\n \n \n \n {scenarioResults.map((row) => (\n \n \n
\n {fmtCurrencyWhole(row.valuation)}\n {row.isCurrentTarget && (\n \n Current Target\n \n )}\n
\n \n {fmtCurrency(row.seriesAPrice)}\n \n {fmtCurrency(row.convPrice)}\n \n \n \n {row.mechanism}\n \n \n {fmtNumber(row.issuedShares)}\n \n {fmtPercent(row.ownershipPct)}\n \n \n {fmtPercent(row.effectiveDiscount)}\n \n \n {fmtCurrencyWhole(row.impliedValue)}\n \n \n ))}\n \n
\n
\n \n \n\n {/* Post-Money SAFE Legal & Governance Guide */}\n
\n \n
\n
\n \n
\n
\n

Post-Money Cap Protection

\n

\n Acts as an ownership percentage guarantee for seed investors prior to the priced round, regardless of\n subsequent SAFE issuances.\n

\n
\n
\n \n\n \n
\n
\n \n
\n
\n

Discount Rate Safety Net

\n

\n Protects investors if Series A prices below the valuation cap, guaranteeing a 15%–25% discount off the\n institutional share price.\n

\n
\n
\n \n\n \n
\n
\n \n
\n
\n

Founder Dilution Transparency

\n

\n YC v1.1 post-money SAFEs dilute only founders and common shareholders, eliminating pre-money SAFE\n circular dilution surprises.\n

\n
\n
\n \n
\n \n )\n}\n\nexport default SafeNoteCalculator\n", "type": "registry:block", "target": "~/components/blocks/SafeNoteCalculator.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/input.json", "https://uipkge.dev/r/react/separator.json", "https://uipkge.dev/r/react/slider.json", "https://uipkge.dev/r/react/switch.json", "https://uipkge.dev/r/react/table.json", "https://uipkge.dev/r/react/tabs.json" ], "description": "Y Combinator Post-Money SAFE note valuation, conversion share price, effective discount, and cap table equity dilution simulator with interactive parameter controls and Series A financing sensitivity matrix.", "categories": [ "finance", "legal", "billing" ] }