diff --git a/frontend/package.json b/frontend/package.json index 7cd6ea5bbb..dc560af101 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -60,12 +60,12 @@ "@radix-ui/react-visually-hidden": "^1.2.3", "@rivet-gg/cloud": "https://pkg.pr.new/rivet-dev/cloud/@rivet-gg/cloud@7090780", "@rivet-gg/icons": "workspace:*", - "rivetkit": "*", "@rivetkit/engine-api-full": "workspace:*", "@sentry/react": "^8.55.0", "@sentry/vite-plugin": "^2.23.1", "@shikijs/langs": "^3.12.2", "@shikijs/transformers": "^3.12.2", + "@stepperize/react": "^5.1.8", "@tailwindcss/container-queries": "^0.1.1", "@tailwindcss/typography": "^0.5.16", "@tanstack/query-core": "^5.87.1", @@ -118,6 +118,7 @@ "react-inspector": "^6.0.2", "react-resizable-panels": "^2.1.9", "recharts": "^2.15.4", + "rivetkit": "*", "shiki": "^3.12.2", "sonner": "^1.7.4", "tailwind-merge": "^2.6.0", diff --git a/frontend/src/app/dialogs/connect-vercel-frame.tsx b/frontend/src/app/dialogs/connect-vercel-frame.tsx index 2623b0a39f..0283cc7ddf 100644 --- a/frontend/src/app/dialogs/connect-vercel-frame.tsx +++ b/frontend/src/app/dialogs/connect-vercel-frame.tsx @@ -1,30 +1,45 @@ import { faQuestionCircle, faVercel, Icon } from "@rivet-gg/icons"; -import { useMutation } from "@tanstack/react-query"; import * as ConnectVercelForm from "@/app/forms/connect-vercel-form"; import { HelpDropdown } from "@/app/help-dropdown"; -import { Button, Flex, Frame } from "@/components"; -import { useEngineCompatDataProvider } from "@/components/actors"; +import { + Button, + type DialogContentProps, + Frame, + Step, + Steps, +} from "@/components"; +import { defineStepper } from "@/components/ui/stepper"; -export default function CreateProjectFrameContent() { - const provider = useEngineCompatDataProvider(); +const { Stepper } = defineStepper( + { + id: "step-1", + title: "Select Vercel Plan", + }, + { + id: "step-2", + title: "Edit vercel.json", + }, + { + id: "step-3", + title: "Deploy to Vercel", + }, + { + id: "step-4", + title: "Add Vercel Endpoint", + }, +); - const { mutateAsync } = useMutation( - provider.createRunnerConfigMutationOptions(), - ); +interface CreateProjectFrameContentProps extends DialogContentProps {} +export default function CreateProjectFrameContent({ + onClose, +}: CreateProjectFrameContentProps) { return ( { - await mutateAsync({ - name: values.name, - config: { - serverless: { - url: values.endpoint, - }, - }, - }); - }} - defaultValues={{ name: "" }} + onSubmit={async () => {}} + mode="onChange" + revalidateMode="onChange" + defaultValues={{ plan: "hobby", endpoint: "" }} > @@ -40,16 +55,80 @@ export default function CreateProjectFrameContent() { - - - - + - - - Add - - ); } + +function FormStepper({ onClose }: { onClose?: () => void }) { + return ( + + {({ methods }) => ( + <> + + {methods.all.map((step) => ( + methods.goTo(step.id)} + > + {step.title} + {methods.when(step.id, (step) => { + return ( + + {step.id === "step-1" && ( + + )} + {step.id === "step-2" && ( + + )} + {step.id === "step-3" && ( + <> +

+ Deploy your project to + Vercel using your + favorite method. After + deployment, return here + to add the endpoint. +

+ + )} + {step.id === "step-4" && ( +
+ + +
+ )} + + + + + + ); + })} + + ))} + + + )} + + ); +} diff --git a/frontend/src/app/forms/connect-railway-form.tsx b/frontend/src/app/forms/connect-railway-form.tsx index e84b4c5bc7..cd142e6494 100644 --- a/frontend/src/app/forms/connect-railway-form.tsx +++ b/frontend/src/app/forms/connect-railway-form.tsx @@ -118,5 +118,3 @@ export function ConnectionCheck() { ); } - -export { Preview } from "./connect-vercel-form"; diff --git a/frontend/src/app/forms/connect-vercel-form.tsx b/frontend/src/app/forms/connect-vercel-form.tsx index ae18f4444a..981f12bcbf 100644 --- a/frontend/src/app/forms/connect-vercel-form.tsx +++ b/frontend/src/app/forms/connect-vercel-form.tsx @@ -1,6 +1,13 @@ +import { faCheck, faSpinnerThird, Icon } from "@rivet-gg/icons"; +import { useQuery } from "@tanstack/react-query"; +import { AnimatePresence, motion } from "framer-motion"; import { type UseFormReturn, useFormContext } from "react-hook-form"; import z from "zod"; import { + CodeFrame, + CodeGroup, + CodePreview, + cn, createSchemaForm, FormControl, FormDescription, @@ -9,6 +16,7 @@ import { FormLabel, FormMessage, Input, + ScrollArea, Select, SelectContent, SelectItem, @@ -56,7 +64,10 @@ export const Plan = ({ className }: { className?: string }) => { - + + Your Vercel plan determines the configuration required + to properly run your Rivet Engine. + )} @@ -64,6 +75,47 @@ export const Plan = ({ className }: { className?: string }) => { ); }; +const PLAN_TO_MAX_DURATION: Record = { + hobby: 60, + pro: 300, + enterprise: 900, +}; + +const code = ({ plan }: { plan: string }) => + `{ + "$schema": "https://openapi.vercel.sh/vercel.json", + "fluid": false, // [!code highlight] + "functions": { + "**": { + "maxDuration": ${PLAN_TO_MAX_DURATION[plan] || 60}, // [!code highlight] + }, + }, +}`; + +export const Json = () => { + const { watch } = useFormContext(); + + const plan = watch("plan"); + return ( +
+ + + + + Max Duration - The maximum execution time of your + serverless functions. +
+ Disable Fluid Compute - Rivet has its own intelligent + load balancing mechanism. + +
+ ); +}; + export const Endpoint = ({ className }: { className?: string }) => { const { control } = useFormContext(); return ( @@ -78,7 +130,6 @@ export const Endpoint = ({ className }: { className?: string }) => { @@ -88,3 +139,68 @@ export const Endpoint = ({ className }: { className?: string }) => { /> ); }; + +export function ConnectionCheck() { + const { watch, formState } = useFormContext(); + const endpoint = watch("endpoint"); + const enabled = !!endpoint && z.string().url().safeParse(endpoint).success; + + const { data } = useQuery({ + queryKey: ["vercel-endpoint-check", endpoint], + queryFn: async () => { + try { + const url = new URL("/health", endpoint); + const response = await fetch(url); + if (!response.ok) { + throw new Error("Failed to connect"); + } + return response.json(); + } catch { + const url = new URL("/api/rivet/health", endpoint); + const response = await fetch(url); + if (!response.ok) { + throw new Error("Failed to connect"); + } + return response.json(); + } + }, + enabled, + refetchInterval: 1000, + }); + + const success = !!data; + + return ( + + {enabled ? ( + + {success ? ( + <> + {" "} + Runner successfully connected + + ) : ( + <> + {" "} + Waiting for runner to connect... + + )} + + ) : null} + + ); +} diff --git a/frontend/src/components/code-preview/code-preview.tsx b/frontend/src/components/code-preview/code-preview.tsx index 2565ca003f..2d1b52c0a2 100644 --- a/frontend/src/components/code-preview/code-preview.tsx +++ b/frontend/src/components/code-preview/code-preview.tsx @@ -1,3 +1,4 @@ +import { transformerNotationHighlight } from "@shikijs/transformers"; import { useEffect, useMemo, useRef, useState } from "react"; import { createHighlighterCore, @@ -8,9 +9,14 @@ import { import { Skeleton } from "../ui/skeleton"; import theme from "./theme.json"; +const langs = { + typescript: () => import("@shikijs/langs/typescript"), + json: () => import("@shikijs/langs/json"), +}; + interface CodePreviewProps { code: string; - language: "typescript"; + language: keyof typeof langs; className?: string; } @@ -24,7 +30,7 @@ export function CodePreview({ className, code, language }: CodePreviewProps) { async function createHighlighter() { highlighter.current ??= await createHighlighterCore({ themes: [theme as ThemeInput], - langs: [import("@shikijs/langs/typescript")], + langs: [await langs[language]()], engine: createOnigurumaEngine(import("shiki/wasm")), }); } @@ -36,7 +42,7 @@ export function CodePreview({ className, code, language }: CodePreviewProps) { return () => { highlighter.current?.dispose(); }; - }, []); + }, [language]); const result = useMemo( () => @@ -45,6 +51,7 @@ export function CodePreview({ className, code, language }: CodePreviewProps) { : (highlighter.current?.codeToHtml(code, { lang: language, theme: theme.name, + transformers: [transformerNotationHighlight()], }) as TrustedHTML), [isLoading, code, language], ); diff --git a/frontend/src/components/code.tsx b/frontend/src/components/code.tsx index a793155b10..c06c5591de 100644 --- a/frontend/src/components/code.tsx +++ b/frontend/src/components/code.tsx @@ -104,7 +104,7 @@ export const CodeFrame = ({ }: CodeFrameProps) => { return (
-
+
{children ? cloneElement(children, { escaped: true }) diff --git a/frontend/src/components/lib/create-schema-form.tsx b/frontend/src/components/lib/create-schema-form.tsx index 9f314696ac..f67527d2c8 100644 --- a/frontend/src/components/lib/create-schema-form.tsx +++ b/frontend/src/components/lib/create-schema-form.tsx @@ -18,6 +18,8 @@ import { Button, type ButtonProps, Form } from "@/components"; interface FormProps extends Omit, "onSubmit"> { onSubmit: SubmitHandler; + mode?: UseFormProps["mode"]; + revalidateMode?: UseFormProps["reValidateMode"]; defaultValues: DefaultValues; errors?: UseFormProps["errors"]; values?: FormValues; @@ -35,6 +37,8 @@ export const createSchemaForm = ( return { Form: ({ defaultValues, + mode, + revalidateMode = "onSubmit", values, children, onSubmit, @@ -42,8 +46,9 @@ export const createSchemaForm = ( ...props }: FormProps>) => { const form = useForm>({ - reValidateMode: "onSubmit", resolver: zodResolver(schema), + mode, + reValidateMode: revalidateMode, defaultValues, values, errors, diff --git a/frontend/src/components/steps.tsx b/frontend/src/components/steps.tsx index c891359a01..3932d69ea5 100644 --- a/frontend/src/components/steps.tsx +++ b/frontend/src/components/steps.tsx @@ -19,7 +19,7 @@ export function Steps({ className, children }: StepsProps) { } interface StepProps { - children: React.ReactNode; + children?: React.ReactNode; className?: string; title: string; } @@ -29,7 +29,7 @@ export function Step({ children, className, title }: StepProps) { <>

diff --git a/frontend/src/components/theme.css b/frontend/src/components/theme.css index b13bd89634..a8ede54ca9 100644 --- a/frontend/src/components/theme.css +++ b/frontend/src/components/theme.css @@ -60,3 +60,13 @@ --chart-4: 280 65% 60%; --chart-5: 340 75% 55%; } + +.shiki .line { + display: inline-block; + width: 100%; + @apply px-2; +} + +.shiki .highlighted { + @apply bg-secondary/50; +} \ No newline at end of file diff --git a/frontend/src/components/ui/button.tsx b/frontend/src/components/ui/button.tsx index 17736a8daa..61095b72bb 100644 --- a/frontend/src/components/ui/button.tsx +++ b/frontend/src/components/ui/button.tsx @@ -52,7 +52,7 @@ export interface ButtonProps isLoading?: boolean; startIcon?: React.ReactElement; endIcon?: React.ReactElement; - onClick?: (e?: React.MouseEvent) => void; + onClick?: (e: React.MouseEvent) => void; } const Button = React.forwardRef( diff --git a/frontend/src/components/ui/stepper.tsx b/frontend/src/components/ui/stepper.tsx new file mode 100644 index 0000000000..cbb5b23916 --- /dev/null +++ b/frontend/src/components/ui/stepper.tsx @@ -0,0 +1,548 @@ +import { Slot } from "@radix-ui/react-slot"; +import * as Stepperize from "@stepperize/react"; +import { cva, type VariantProps } from "class-variance-authority"; +import * as React from "react"; +import { cn } from "../lib/utils"; +import { Button } from "./button"; + +const StepperContext = React.createContext(null); + +const useStepperProvider = (): Stepper.ConfigProps => { + const context = React.useContext(StepperContext); + if (!context) { + throw new Error("useStepper must be used within a StepperProvider."); + } + return context; +}; + +const defineStepper = ( + ...steps: Steps +): Stepper.DefineProps => { + const { Scoped, useStepper, ...rest } = Stepperize.defineStepper(...steps); + + const StepperContainer = ({ + children, + className, + ...props + }: Omit, "children"> & { + children: + | React.ReactNode + | ((props: { + methods: Stepperize.Stepper; + }) => React.ReactNode); + }) => { + const methods = useStepper(); + + return ( +
+ {typeof children === "function" + ? children({ methods }) + : children} +
+ ); + }; + + return { + ...rest, + useStepper, + Stepper: { + Provider: ({ + variant = "horizontal", + labelOrientation = "horizontal", + tracking = false, + children, + className, + ...props + }) => { + return ( + + + + {children} + + + + ); + }, + Navigation: ({ + children, + "aria-label": ariaLabel = "Stepper Navigation", + ...props + }) => { + const { variant } = useStepperProvider(); + return ( + + ); + }, + Step: ({ children, className, icon, ...props }) => { + const { variant, labelOrientation } = useStepperProvider(); + const { current } = useStepper(); + + const utils = rest.utils; + const steps = rest.steps; + + const stepIndex = utils.getIndex(props.of); + const step = steps[stepIndex]; + const currentIndex = utils.getIndex(current.id); + + const isLast = utils.getLast().id === props.of; + const isActive = current.id === props.of; + + const dataState = getStepState(currentIndex, stepIndex); + const childMap = useStepChildren(children); + + const title = childMap.get("title"); + const description = childMap.get("description"); + const panel = childMap.get("panel"); + + if (variant === "circle") { + return ( +
  • + +
    + {title} + {description} +
    +
    • + ); + } + + return ( + <> +
  • + + {variant === "horizontal" && + labelOrientation === "vertical" && ( + + )} +
    + {title} + {description} +
    +
    • + + {variant === "horizontal" && + labelOrientation === "horizontal" && ( + + )} + + {variant === "vertical" && ( +
    + {!isLast && ( +
    + +
    + )} +
    + {panel} +
    +
    + )} + + ); + }, + Title, + Description, + Panel: ({ children, asChild, ...props }) => { + const Comp = asChild ? Slot : "div"; + const { tracking } = useStepperProvider(); + + return ( + scrollIntoStepperPanel(node, tracking)} + {...props} + > + {children} + + ); + }, + Controls: ({ children, className, asChild, ...props }) => { + const Comp = asChild ? Slot : "div"; + return ( + + {children} + + ); + }, + }, + }; +}; + +const Title = ({ + children, + className, + asChild, + ...props +}: React.ComponentProps<"h4"> & { asChild?: boolean }) => { + const Comp = asChild ? Slot : "h4"; + + return ( + + {children} + + ); +}; + +const Description = ({ + children, + className, + asChild, + ...props +}: React.ComponentProps<"p"> & { asChild?: boolean }) => { + const Comp = asChild ? Slot : "p"; + + return ( + + {children} + + ); +}; + +const StepperSeparator = ({ + orientation, + isLast, + labelOrientation, + state, + disabled, +}: { + isLast: boolean; + state: string; + disabled?: boolean; +} & VariantProps) => { + if (isLast) { + return null; + } + return ( +
    + ); +}; + +const CircleStepIndicator = ({ + currentStep, + totalSteps, + size = 80, + strokeWidth = 6, +}: Stepper.CircleStepIndicatorProps) => { + const radius = (size - strokeWidth) / 2; + const circumference = radius * 2 * Math.PI; + const fillPercentage = (currentStep / totalSteps) * 100; + const dashOffset = circumference - (circumference * fillPercentage) / 100; + return ( +
    + + Step Indicator + + + +
    + + {currentStep} of {totalSteps} + +
    +
    + ); +}; + +const classForNavigationList = cva("flex gap-2", { + variants: { + variant: { + horizontal: "flex-row items-center justify-between", + vertical: "flex-col", + circle: "flex-row items-center justify-between", + }, + }, +}); + +const classForSeparator = cva( + [ + "bg-muted", + "data-[state=completed]:bg-primary data-[disabled]:opacity-50", + "transition-all duration-300 ease-in-out", + ], + { + variants: { + orientation: { + horizontal: "h-0.5 flex-1", + vertical: "h-full w-0.5", + }, + labelOrientation: { + vertical: + "absolute left-[calc(50%+30px)] right-[calc(-50%+20px)] top-5 block shrink-0", + }, + }, + }, +); + +function scrollIntoStepperPanel( + node: HTMLDivElement | null, + tracking?: boolean, +) { + if (tracking) { + node?.scrollIntoView({ behavior: "smooth", block: "center" }); + } +} + +const useStepChildren = (children: React.ReactNode) => { + return React.useMemo(() => extractChildren(children), [children]); +}; + +const extractChildren = (children: React.ReactNode) => { + const childrenArray = React.Children.toArray(children); + const map = new Map(); + + for (const child of childrenArray) { + if (React.isValidElement(child)) { + if (child.type === Title) { + map.set("title", child); + } else if (child.type === Description) { + map.set("description", child); + } else { + map.set("panel", child); + } + } + } + + return map; +}; + +const onStepKeyDown = ( + e: React.KeyboardEvent, + nextStep: Stepperize.Step, + prevStep: Stepperize.Step, +) => { + const { key } = e; + const directions = { + next: ["ArrowRight", "ArrowDown"], + prev: ["ArrowLeft", "ArrowUp"], + }; + + if (directions.next.includes(key) || directions.prev.includes(key)) { + const direction = directions.next.includes(key) ? "next" : "prev"; + const step = direction === "next" ? nextStep : prevStep; + + if (!step) { + return; + } + + const stepElement = document.getElementById(`step-${step.id}`); + if (!stepElement) { + return; + } + + const isActive = + stepElement.parentElement?.getAttribute("data-state") !== + "inactive"; + if (isActive || direction === "prev") { + stepElement.focus(); + } + } +}; + +const getStepState = (currentIndex: number, stepIndex: number) => { + if (currentIndex === stepIndex) { + return "active"; + } + if (currentIndex > stepIndex) { + return "completed"; + } + return "inactive"; +}; + +namespace Stepper { + export type StepperVariant = "horizontal" | "vertical" | "circle"; + export type StepperLabelOrientation = "horizontal" | "vertical"; + + export type ConfigProps = { + variant?: StepperVariant; + labelOrientation?: StepperLabelOrientation; + tracking?: boolean; + }; + + export type DefineProps = Omit< + Stepperize.StepperReturn, + "Scoped" + > & { + Stepper: { + Provider: ( + props: Omit, "children"> & + Omit, "children"> & + Stepper.ConfigProps & { + children: + | React.ReactNode + | ((props: { + methods: Stepperize.Stepper; + }) => React.ReactNode); + }, + ) => React.ReactElement; + Navigation: ( + props: React.ComponentProps<"nav">, + ) => React.ReactElement; + Step: ( + props: React.ComponentProps<"button"> & { + of: Stepperize.Get.Id; + icon?: React.ReactNode; + }, + ) => React.ReactElement; + Title: (props: AsChildProps<"h4">) => React.ReactElement; + Description: (props: AsChildProps<"p">) => React.ReactElement; + Panel: (props: AsChildProps<"div">) => React.ReactElement; + Controls: (props: AsChildProps<"div">) => React.ReactElement; + }; + }; + + export type CircleStepIndicatorProps = { + currentStep: number; + totalSteps: number; + size?: number; + strokeWidth?: number; + }; +} + +type AsChildProps = React.ComponentProps & { + asChild?: boolean; +}; + +export { defineStepper }; diff --git a/frontend/src/index.css b/frontend/src/index.css index d2f8500d63..1822e622ca 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -84,6 +84,8 @@ /* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */ --shiki-token-punctuation: theme("colors.zinc.200"); + --spacing: 0.25rem; + ::-webkit-scrollbar { @apply w-2.5 h-2.5; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 451f1d22d6..8ea28d1d66 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -197,6 +197,9 @@ importers: '@shikijs/transformers': specifier: ^3.12.2 version: 3.12.2 + '@stepperize/react': + specifier: ^5.1.8 + version: 5.1.8(react@19.1.1)(typescript@5.9.2) '@tailwindcss/container-queries': specifier: ^0.1.1 version: 0.1.1(tailwindcss@3.4.17) @@ -851,7 +854,7 @@ importers: version: 15.5.2(@mdx-js/loader@3.1.1(webpack@5.101.3(esbuild@0.25.9)))(@mdx-js/react@3.1.1(@types/react@18.3.24)(react@19.1.1)) '@next/third-parties': specifier: latest - version: 15.5.3(next@15.5.2(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(sass@1.93.2))(react@19.1.1) + version: 15.5.4(next@15.5.2(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(sass@1.93.2))(react@19.1.1) '@rivet-gg/api': specifier: 0.0.1-rc8 version: 0.0.1-rc8 @@ -2454,8 +2457,8 @@ packages: cpu: [x64] os: [win32] - '@next/third-parties@15.5.3': - resolution: {integrity: sha512-DSKz1N6/WmacV8JAPizHt8dqTP6RljcOgtrnLDEIEI7TGpX1lSfoHwY0TxXVhVoN1WwUHGDo6XUJsSjaLpcMoQ==} + '@next/third-parties@15.5.4': + resolution: {integrity: sha512-l3T1M/EA32phPzZx+gkQAWOF3E5iAULL1nX4Ej0JZQOXaBwwJzb/rd2uefr5TAshJj/+HjjwmdFu7olXudvgVg==} peerDependencies: next: ^13.0.0 || ^14.0.0 || ^15.0.0 react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0 @@ -3504,6 +3507,16 @@ packages: '@standard-schema/spec@1.0.0': resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==} + '@stepperize/core@1.2.7': + resolution: {integrity: sha512-XiUwLZ0XRAfaDK6AzWVgqvI/BcrylyplhUXKO8vzgRw0FTmyMKHAAbQLDvU//ZJAqnmG2cSLZDSkcwLxU5zSYA==} + peerDependencies: + typescript: '>=5.0.2' + + '@stepperize/react@5.1.8': + resolution: {integrity: sha512-/s8+YoVjX2+kPRxEMrmJZLX9jnVa/tKS+7Ru6ZUvBNSmbIopf0deylMv8hE2E5Il4T/UI2aSX/d3mKu8gugomw==} + peerDependencies: + react: ^17.0.0 || ^18.0.0 || ^19.0.0 + '@stripe/stripe-js@5.6.0': resolution: {integrity: sha512-w8CEY73X/7tw2KKlL3iOk679V9bWseE4GzNz3zlaYxcTjmcmWOathRb0emgo/QQ3eoNzmq68+2Y2gxluAv3xGw==} engines: {node: '>=12.16'} @@ -9711,7 +9724,7 @@ snapshots: '@next/swc-win32-x64-msvc@15.5.2': optional: true - '@next/third-parties@15.5.3(next@15.5.2(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(sass@1.93.2))(react@19.1.1)': + '@next/third-parties@15.5.4(next@15.5.2(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(sass@1.93.2))(react@19.1.1)': dependencies: next: 15.5.2(babel-plugin-macros@3.1.0)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(sass@1.93.2) react: 19.1.1 @@ -10863,6 +10876,17 @@ snapshots: '@standard-schema/spec@1.0.0': {} + '@stepperize/core@1.2.7(typescript@5.9.2)': + dependencies: + typescript: 5.9.2 + + '@stepperize/react@5.1.8(react@19.1.1)(typescript@5.9.2)': + dependencies: + '@stepperize/core': 1.2.7(typescript@5.9.2) + react: 19.1.1 + transitivePeerDependencies: + - typescript + '@stripe/stripe-js@5.6.0': {} '@swc/helpers@0.5.15': @@ -12516,7 +12540,7 @@ snapshots: eslint: 8.26.0 eslint-import-resolver-node: 0.3.9 eslint-import-resolver-typescript: 2.7.1(eslint-plugin-import@2.32.0(eslint@8.26.0))(eslint@8.26.0) - eslint-plugin-import: 2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.32.0(eslint@8.26.0))(eslint@8.26.0))(eslint@8.26.0) + eslint-plugin-import: 2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1)(eslint@8.26.0) eslint-plugin-jsx-a11y: 6.10.2(eslint@8.26.0) eslint-plugin-react: 7.37.5(eslint@8.26.0) eslint-plugin-react-hooks: 4.6.2(eslint@8.26.0) @@ -12538,7 +12562,7 @@ snapshots: dependencies: debug: 4.4.1 eslint: 8.26.0 - eslint-plugin-import: 2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.32.0(eslint@8.26.0))(eslint@8.26.0))(eslint@8.26.0) + eslint-plugin-import: 2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1)(eslint@8.26.0) glob: 7.2.3 is-glob: 4.0.3 resolve: 1.22.10 @@ -12557,7 +12581,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-plugin-import@2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1(eslint-plugin-import@2.32.0(eslint@8.26.0))(eslint@8.26.0))(eslint@8.26.0): + eslint-plugin-import@2.32.0(@typescript-eslint/parser@5.62.0(eslint@8.26.0)(typescript@5.9.2))(eslint-import-resolver-typescript@2.7.1)(eslint@8.26.0): dependencies: '@rtsao/scc': 1.1.0 array-includes: 3.1.9