60: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62:T3fc5,"use client"; import { ArrowUpRight, RotateCcw } from "lucide-react"; import Link from "next/link"; import { type FormEvent, type ReactNode, useState } from "react"; import { Badge23 } from "@/components/beste/component/badge23"; import { Button21 } from "@/components/beste/component/button21"; import { Chat34 } from "@/components/beste/piece/chat34"; import { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSubmit, QuestionnaireTitle, } from "@/components/ui/questionnaire"; import { cn } from "@/lib/utils"; interface Badge { label: string; } interface ActionLink { label: string; href: string; } interface RouterImage { src: string; alt: string; } interface RouterChoice { value: string; label: string; description?: string; } interface RouterQuestion { /** Form field name. Must be unique across the flow. */ name: string; title: string; description?: string; choices?: RouterChoice[]; } interface Answer { /** * Field name to answer value. An answer is only shown when every pair * matches. Leave it out on the last entry, which is the catch-all. */ match?: Record; title: string; description: string; link?: ActionLink; /** Replaces the standing photograph once this answer is shown */ image?: RouterImage; /** Piece floated over the photograph once this answer is shown */ media?: ReactNode; caption?: string; } interface Contact { title: string; description: string; link: ActionLink; } interface Faq92Labels { previous?: string; next?: string; submit?: string; restart?: string; answerTitle?: string; } interface Faq92Props { badge?: Badge; heading?: string; description?: string; questions?: RouterQuestion[]; /** Prints a scoped shortcut on every choice and binds it while the question is active */ shortcuts?: "letters" | "numbers"; /** Checked in order; the first one whose `match` fits the answers is shown. */ answers?: Answer[]; /** Standing photograph, shown until an answer is found */ image?: RouterImage; /** Piece floated over the photograph before an answer is found */ media?: ReactNode; caption?: string; /** Always shown under the photograph, for the times the routing was not enough */ contact?: Contact; labels?: Faq92Labels; className?: string; } export const faq92Demo: Faq92Props = { badge: { label: "Help" }, heading: "Two questions instead of a search box", description: "Most support tickets are one of a dozen questions wearing different words. Tell us where you are and what happened, and we will point at the page that answers it.", shortcuts: "numbers", image: { src: "https://images.unsplash.com/photo-1579508750794-1959a573f5e6?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "An open notebook with a pen and a pair of glasses resting on it", }, media: ( ), caption: "Four people answer these, and they wrote the pages the router points at.", labels: { submit: "Show me the answer", restart: "Ask about something else", answerTitle: "Start here", }, questions: [ { name: "area", title: "What is this about?", description: "Pick the closest one. Nothing here creates a ticket.", choices: [ { value: "billing", label: "Billing and invoices", description: "Charges, receipts, plans, and refunds.", }, { value: "access", label: "Getting into the account", description: "Passwords, devices, and team access.", }, { value: "data", label: "Data going in or out", description: "Imports, exports, and integrations.", }, ], }, { name: "state", title: "Where did it stop working?", choices: [ { value: "before", label: "Before I could start" }, { value: "during", label: "Halfway through, with an error" }, { value: "after", label: "It finished, but the result is wrong" }, ], }, ], answers: [ { match: { area: "billing", state: "after" }, title: "The invoice does not match what you expected", description: "Mid-cycle plan changes are prorated to the day, so the next invoice carries both the credit and the new rate. The breakdown on the invoice shows each line separately.", link: { label: "Read how proration is calculated", href: "https://beste.co" }, image: { src: "https://images.unsplash.com/photo-1554224155-6726b3ff858f?w=1200&h=1400&fit=crop", alt: "Printed forms spread across a desk with a pen and a calculator", }, media: ( ), caption: "Every invoice line is itemised, including the credit from the day you switched.", }, { match: { area: "billing" }, title: "Payments, plans, and receipts", description: "Card updates, VAT details, and past receipts all live in the billing settings, and any admin on the workspace can reach them.", link: { label: "Open the billing guide", href: "https://beste.co" }, }, { match: { area: "access", state: "before" }, title: "You cannot get past the sign-in screen", description: "Reset links expire after fifteen minutes and only work once. If yours has run out, ask for a new one and open it in the same browser.", link: { label: "Reset your password", href: "https://beste.co" }, image: { src: "https://images.unsplash.com/photo-1555421689-d68471e189f2?w=1200&h=1400&fit=crop", alt: "Somebody sitting at a desktop computer, waiting on the screen", }, media: ( ), caption: "Reset links are single use, which is why the second click never works.", }, { match: { area: "access" }, title: "Access, devices, and who can see what", description: "Roles decide what each person can open. An admin can change a role at any time, and the change applies the next time that person loads the page.", link: { label: "See the roles table", href: "https://beste.co" }, }, { match: { area: "data", state: "during" }, title: "An import stopped partway", description: "Nothing is written until the whole file validates, so a failed import leaves your data untouched. The error names the first row it could not read.", link: { label: "Fix a rejected import", href: "https://beste.co" }, image: { src: "https://images.unsplash.com/photo-1543286386-713bdd548da4?w=1200&h=1400&fit=crop", alt: "A line chart drawn on graph paper beside a ruler and two pens", }, media: ( ), caption: "A rejected file changes nothing. The row number in the error is where to look.", }, { title: "Moving data in and out", description: "Exports run in the background and arrive by email as a signed link. Imports are checked against your existing records before anything is created.", link: { label: "Read the data guide", href: "https://beste.co" }, }, ], contact: { title: "Still not it?", description: "Send us the answers you just gave and a sentence about what you expected.", link: { label: "Write to support", href: "https://beste.co" }, }, }; export function Faq92({ badge, heading, description, questions = [], shortcuts, answers = [], image, media, caption, contact, labels = {}, className, }: Faq92Props) { const { previous: previousLabel, next: nextLabel, submit: submitLabel, restart: restartLabel, answerTitle, } = labels; const [answer, setAnswer] = useState(null); const handleSubmit = (event: FormEvent) => { event.preventDefault(); const data = new FormData(event.currentTarget); const given: Record = {}; for (const question of questions) { given[question.name] = String(data.get(question.name) ?? ""); } // The last entry stands in when nothing fits, so a submit never dead-ends. const matched = answers.find((entry) => Object.entries(entry.match ?? {}).every(([name, value]) => given[name] === value) ); setAnswer(matched ?? answers[answers.length - 1] ?? null); }; const restart = () => setAnswer(null); const shownImage = answer?.image ?? image; const shownMedia = answer?.media ?? media; const shownCaption = answer?.caption ?? caption; return (

{badge && }

{heading && (

{heading}

)} {description && (

{description}

)}

{answer ? ( <> {answerTitle &&

{answerTitle}

}

{answer.title}

{answer.description}

{answer.link && ( {answer.link.label} )}

) : ( {questions.length > 0 && ( )} {questions.map((question, index) => ( {question.title} {question.description && ( {question.description} )} {question.choices?.map((choice, choiceIndex) => ( {choice.label} {choice.description && ( {choice.description} )} ))} ))} {previousLabel} {nextLabel} {submitLabel} )}

{shownImage && ( {shownImage.alt}

)}

{shownMedia}

{shownCaption && (

{shownCaption}

)}

{contact && (

{contact.title}

{contact.description}

)}

); } 63:Tb5b,"use client"; import { Sparkles } from "lucide-react"; import { cn } from "@/lib/utils"; type Surface = "card" | "glass"; interface Chat34Props { question?: string; answer?: string; sourcesLabel?: string; sources?: string[]; surface?: Surface; bordered?: boolean; inverted?: boolean; className?: string; } /* The card sets the colour and everything inside it is drawn in `current`, so inverting is two classes rather than a condition on every element. `glass` is a deliberate exception to the solid-surface rule: these pieces sit over section background images, and a frosted panel is the point of it. */ const surfaceClasses: Record = { card: { plain: "bg-card text-card-foreground", inverted: "bg-foreground text-background", }, glass: { plain: "bg-card/60 text-card-foreground backdrop-blur-md", inverted: "bg-foreground/60 text-background backdrop-blur-md", }, }; export const chat34Demo: Chat34Props = { surface: "card", bordered: false, inverted: false, question: "How many rooms were unused last Tuesday?", answer: "Three, all at Kingsway between 13:00 and 16:00. Two were held for a clinic that was cancelled on the Friday before.", sources: ["Rota", "Bookings", "Cancellations"], }; export function Chat34({ question, answer, sourcesLabel, sources = [], surface = "card", bordered = false, inverted = false, className }: Chat34Props) { const surfaceTone = surfaceClasses[surface][inverted ? "inverted" : "plain"]; return (

{question && (

{question}

)}

{sources.length > 0 && (

{sourcesLabel && ( {sourcesLabel} )} {sources.map((source, index) => ( {source} ))}

)}

); } 64:T999,"use client"; import type { LucideIcon } from "lucide-react"; import * as React from "react"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; type Tone = "primary" | "neutral" | "outline"; interface Button21Props { /** Button label */ label: string; /** * Compose the rendered element shadcn-style (radix asChild): your element * (e.g. a router Link) becomes the root and the button content is injected * as its children. Pass the element without children of its own. */ asChild?: boolean; /** The element to render when `asChild` is set (e.g. your framework's Link) */ children?: React.ReactElement; /** * Fallback link: renders a plain ``. Prefer `asChild` with your * framework's Link component for client-side navigation. */ href?: string; /** Optional trailing icon */ icon?: LucideIcon; /** Surface tone: solid accent (default), soft neutral pill, or hairline outline */ tone?: Tone; /** Click handler (used when there is no href and no asChild) */ onClick?: React.MouseEventHandler; /** Additional classes merged onto the button */ className?: string; } const toneStyles: Record = { primary: "bg-primary text-primary-foreground hover:bg-primary/90", neutral: "bg-muted text-foreground hover:bg-muted/70", outline: "border border-border bg-transparent text-foreground hover:bg-muted", }; export const button21Demo: Button21Props = { label: "Book a demo", }; export function Button21({ label, asChild = false, children, href, icon: Icon, tone = "primary", onClick, className, }: Button21Props) { const classes = cn( "group/button21 h-auto w-fit gap-2 rounded-md px-5 py-2.5 text-sm font-medium tracking-tight transition-colors", toneStyles[tone], className ); const inner = ( <> {label} {Icon && ( )} ); if (asChild && React.isValidElement(children)) { return ( ); } if (href) { return ( ); } return ( ); } 5f:["$","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","clsx",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/clsx","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":"clsx"}]]}]}],["$","li","tailwind-merge",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/tailwind-merge","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":"tailwind-merge"}]]}]}],["$","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"}]]}]}]]}],["$","$L60",null,{"namespace":"@registrydirectory","registryDependencies":["questionnaire","button"]}]]}],null]}],["$","$L61",null,{"files":[{"path":"registry/faq92/faq92.tsx","content":"$62","type":"registry:component","target":"components/beste/block/faq92.tsx"},{"path":"registry-pieces/chat34/chat34.tsx","content":"$63","type":"registry:component","target":"components/beste/piece/chat34.tsx"},{"path":"registry-components/badge23/badge23.tsx","content":"\"use client\";\n\nimport { cn } from \"@/lib/utils\";\n\ntype Tone = \"muted\" | \"foreground\" | \"primary\";\n\ninterface Badge23Props {\n /** Eyebrow label */\n label: string;\n /** Text/border tone */\n tone?: Tone;\n /** Additional classes merged onto the root */\n className?: string;\n}\n\nconst toneStyles: Record = {\n muted: \"border-border text-muted-foreground\",\n foreground: \"border-foreground/30 text-foreground\",\n primary: \"border-primary/40 text-primary\",\n};\n\nexport const badge23Demo: Badge23Props = {\n label: \"Product\",\n};\n\nexport function Badge23({ label, tone = \"muted\", className }: Badge23Props) {\n return (\n \n {label}\n \n );\n}\n","type":"registry:component","target":"components/beste/component/badge23.tsx"},{"path":"registry-components/button21/button21.tsx","content":"$64","type":"registry:component","target":"components/beste/component/button21.tsx"}],"className":"h-[70svh] min-h-80"}]]}]