51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T116f,import { Check } from "lucide-react"; import { cn } from "cn"; import { Button } from "@/components/ui/button"; import { Separator } from "@/components/ui/separator"; interface PricingSinglePlan { name: string; description: string; monthlyPrice: string; yearlyPrice: string; period?: { monthly: string; yearly: string }; features: string[]; button: { text: string; url: string }; secondaryButton?: { text: string; url: string }; featureListLabel?: string; image?: string; badge?: string; priceNote?: string; } interface PricingSingleProps { heading: string; description: string; plan: PricingSinglePlan; className?: string; } interface Pricing6Props extends PricingSingleProps { /** Grouped features rendered as separated sections instead of a flat list. */ featureGroups?: string[][]; } type Props = Partial; const defaultProps: Pricing6Props = { heading: "One plan, production-ready blocks", description: "Predictable pricing for teams building on React, Tailwind CSS, and shadcn/ui. Upgrade cadence without renegotiating seats.", plan: { name: "Team", image: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/pricing-plans/plan2.svg", description: "Shared kits, typed props, and export-ready snippets for squads shipping shadcn/ui experiences.", monthlyPrice: "$79", yearlyPrice: "$759", period: { monthly: "/month", yearly: "/year" }, badge: "Recommended", priceNote: "Billed yearly or monthly, cancel anytime", featureListLabel: "Everything included", features: [ "Up to 10 seats with shared design tokens", "Priority support and onboarding call", "SSO-friendly workflow and audit exports", "Quarterly design-system office hours", "Custom block requests in your backlog tier", "Private Slack channel for rollout questions", ], button: { text: "Start subscription", url: "#", }, secondaryButton: { text: "Book a walkthrough", url: "#", }, }, featureGroups: [ ["Unlimited", "Integrations", "24/7 support"], ["Live collaborations", "Unlimited storage", "30-day money back"], ["Unlimited members", "Customization", "Unlimited users"], ], }; const Pricing6 = (props: Props) => { const { heading, description, plan, featureGroups, className } = { ...defaultProps, ...props, }; const periodMonthly = plan.period?.monthly ?? "/mo"; return (

{heading}

{description}

$ {plan.monthlyPrice.replace(/^\$/, "")} {periodMonthly}

{(featureGroups ?? [plan.features]).map((featureGroup, idx) => (

{feature}

{idx < (featureGroups ?? [plan.features]).length - 1 && ( )}

))}

); }; export { Pricing6 }; 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"cn"}]]}]}]]}],["$","$L51",null,{"namespace":"@shadcnblocks","registryDependencies":["button","separator"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"block/pricing6/pricing6.tsx","content":"$53","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]