chore: bump version to 3.0.3 in package.json and update dependencies in pnpm-lock.yaml and pnpm-workspace.yaml (#467)

2026-03-26 07:40:51 +08:00
parent 5dc5ee8f08
commit cc3eb5c554
14 changed files with 673 additions and 648 deletions
--- a/apps/dev-tool/app/components/components/docs-content.tsx
+++ b/apps/dev-tool/app/components/components/docs-content.tsx
@@ -21,7 +21,7 @@ export function DocsContent({ selectedComponent }: DocsContentProps) {
  return (
    <div className="flex-1 overflow-y-auto">
      <Suspense fallback={<LoadingFallback />}>
-        <div className="p-4">
+        <div>
          <component.component />
        </div>
      </Suspense>
--- a/apps/dev-tool/app/components/components/dropdown-menu-story.tsx
+++ b/apps/dev-tool/app/components/components/dropdown-menu-story.tsx
@@ -11,7 +11,6 @@ import {
  Edit,
  FileText,
  Folder,
-  Github,
  Image,
  Keyboard,
  LogOut,
@@ -114,7 +113,8 @@ const examples = [
                <AvatarFallback>JD</AvatarFallback>
              </Avatar>
            </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-56" align="end" forceMount>
+
+            <DropdownMenuContent className="w-56" align="end">
              <DropdownMenuLabel className="font-normal">
                <div className="flex flex-col space-y-1">
                  <p className="text-sm leading-none font-medium">John Doe</p>
@@ -123,6 +123,7 @@ const examples = [
                  </p>
                </div>
              </DropdownMenuLabel>
+
              <DropdownMenuSeparator />

              <DropdownMenuGroup>
@@ -365,7 +366,6 @@ const examples = [
              <DropdownMenuSeparator />

              <DropdownMenuItem>
-                <Github className="mr-2 h-4 w-4" />
                <span>Import from GitHub</span>
              </DropdownMenuItem>
            </DropdownMenuContent>
--- a/apps/dev-tool/app/database/_components/database-tools-interface.tsx
+++ b/apps/dev-tool/app/database/_components/database-tools-interface.tsx
@@ -44,7 +44,7 @@ export function DatabaseToolsInterface({
  const [searchTerm, setSearchTerm] = useState(initialSearchTerm);

  return (
-    <div className="space-y-6 p-4">
+    <div className="space-y-6 px-4 py-4">
      {/* Header */}
      <div className="flex items-center justify-between">
        <div>
@@ -52,6 +52,7 @@ export function DatabaseToolsInterface({
            <DatabaseIcon className="h-6 w-6" />
            <h1 className="text-2xl font-bold">Database Tools</h1>
          </div>
+
          <p className="text-muted-foreground">
            Explore database schemas, tables, functions, and enums
          </p>
--- a/apps/dev-tool/app/emails/[id]/page.tsx
+++ b/apps/dev-tool/app/emails/[id]/page.tsx
@@ -54,15 +54,14 @@ export default async function EmailPage(props: EmailPageProps) {

  return (
    <Page style={'custom'}>
-      <PageHeader
-        displaySidebarTrigger={false}
-        title={values[id] ?? id}
-        description={<AppBreadcrumbs values={values} />}
-      >
-        <EnvModeSelector mode={mode} />
-      </PageHeader>
-
      <PageBody className={'flex flex-1 flex-col gap-y-4'}>
+        <PageHeader
+          title={values[id] ?? id}
+          description={<AppBreadcrumbs values={values} />}
+        >
+          <EnvModeSelector mode={mode} />
+        </PageHeader>
+
        <p className={'text-muted-foreground py-1 text-xs'}>
          Remember that the below is an approximation of the email. Always test
          it in your inbox.{' '}
--- a/apps/dev-tool/app/emails/page.tsx
+++ b/apps/dev-tool/app/emails/page.tsx
@@ -29,13 +29,12 @@ export default async function EmailsPage() {

  return (
    <Page style={'custom'}>
-      <PageHeader
-        displaySidebarTrigger={false}
-        title="Emails"
-        description={'Manage your application Email templates'}
-      />
-
      <PageBody className={'gap-y-8'}>
+        <PageHeader
+          title="Emails"
+          description={'Manage your application Email templates'}
+        />
+
        {categories.map((category) => {
          const categoryTemplates = templates.filter(
            (t) => t.category === category,
--- a/apps/dev-tool/app/page.tsx
+++ b/apps/dev-tool/app/page.tsx
@@ -36,12 +36,12 @@ export default async function DashboardPage() {

  return (
    <Page style={'custom'}>
-      <PageHeader
-        title={'Dev Tool'}
-        description={'Kit MCP status for this workspace'}
-      />
+      <PageBody className={'space-y-4'}>
+        <PageHeader
+          title={'Dev Tool'}
+          description={'Kit MCP status for this workspace'}
+        />

-      <PageBody className={'space-y-8 py-2'}>
        <div className="grid grid-cols-1 gap-4 md:grid-cols-4">
          <ServiceCard
            name={'Variant'}
--- a/apps/dev-tool/app/prds/[filename]/_components/prd-detail-view.tsx
+++ b/apps/dev-tool/app/prds/[filename]/_components/prd-detail-view.tsx
@@ -18,7 +18,7 @@ interface PRDDetailViewProps {

 export function PRDDetailView({ filename, prd }: PRDDetailViewProps) {
  return (
-    <div className="space-y-6 p-4">
+    <div className="space-y-6">
      {/* Header */}
      <div className="flex items-center gap-4">
        <div>
--- a/apps/dev-tool/app/translations/page.tsx
+++ b/apps/dev-tool/app/translations/page.tsx
@@ -15,15 +15,14 @@ export default async function TranslationsPage() {

  return (
    <Page style={'custom'}>
-      <PageHeader
-        displaySidebarTrigger={false}
-        title={'Translations'}
-        description={
-          'Compare translations across different languages. Ensure consistency and accuracy in your translations.'
-        }
-      />
+      <PageBody>
+        <PageHeader
+          title={'Translations'}
+          description={
+            'Compare translations across different languages. Ensure consistency and accuracy in your translations.'
+          }
+        />

-      <PageBody className={'py-4'}>
        <TranslationsComparison translations={translations} />
      </PageBody>
    </Page>
--- a/apps/dev-tool/app/variables/page.tsx
+++ b/apps/dev-tool/app/variables/page.tsx
@@ -26,15 +26,14 @@ export default function VariablesPage({ searchParams }: VariablesPageProps) {
  return (
    <Page style={'custom'}>
      <div className={'flex h-screen flex-col overflow-hidden'}>
-        <PageHeader
-          displaySidebarTrigger={false}
-          title={'Environment Variables'}
-          description={
-            'Manage environment variables for your applications. Validate and set them up easily.'
-          }
-        />
-
        <PageBody className={'overflow-hidden'}>
+          <PageHeader
+            title={'Environment Variables'}
+            description={
+              'Manage environment variables for your applications. Validate and set them up easily.'
+            }
+          />
+
          <div className={'flex h-full flex-1 flex-col space-y-4'}>
            {apps.map((app) => (
              <AppEnvironmentVariablesManager key={app.appName} state={app} />
--- a/apps/dev-tool/components/app-layout.tsx
+++ b/apps/dev-tool/components/app-layout.tsx
@@ -7,7 +7,7 @@ export function DevToolLayout(props: React.PropsWithChildren) {
    <SidebarProvider>
      <DevToolSidebar />

-      <SidebarInset className="px-4">{props.children}</SidebarInset>
+      <SidebarInset>{props.children}</SidebarInset>
    </SidebarProvider>
  );
 }
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "next-supabase-saas-kit-turbo",
-  "version": "3.0.2",
+  "version": "3.0.3",
  "private": true,
  "author": {
    "name": "MakerKit",
--- a/packages/billing/gateway/src/components/pricing-table.tsx
+++ b/packages/billing/gateway/src/components/pricing-table.tsx
@@ -1,34 +1,34 @@
-"use client";
+'use client';

-import { useState } from "react";
+import { useState } from 'react';

-import Link from "next/link";
+import Link from 'next/link';

-import { ArrowRight, CheckCircle } from "lucide-react";
-import { useTranslations } from "next-intl";
-import * as z from "zod";
+import { ArrowRight, CheckCircle } from 'lucide-react';
+import { useTranslations } from 'next-intl';
+import * as z from 'zod';

 import {
  BillingConfig,
  type LineItemSchema,
  getPlanIntervals,
  getPrimaryLineItem,
-} from "@kit/billing";
-import { Badge } from "@kit/ui/badge";
-import { Button } from "@kit/ui/button";
-import { If } from "@kit/ui/if";
-import { Trans } from "@kit/ui/trans";
-import { cn } from "@kit/ui/utils";
+} from '@kit/billing';
+import { Badge } from '@kit/ui/badge';
+import { Button } from '@kit/ui/button';
+import { If } from '@kit/ui/if';
+import { Trans } from '@kit/ui/trans';
+import { cn } from '@kit/ui/utils';

-import { LineItemDetails } from "./line-item-details";
-import { PlanCostDisplay } from "./plan-cost-display";
+import { LineItemDetails } from './line-item-details';
+import { PlanCostDisplay } from './plan-cost-display';

 interface Paths {
  signUp: string;
  return: string;
 }

-type Interval = "month" | "year";
+type Interval = 'month' | 'year';

 export function PricingTable({
  config,
@@ -57,8 +57,8 @@ export function PricingTable({
  const visibleProducts = config.products.filter((product) => !product.hidden);

  return (
-    <div className={"flex flex-col space-y-8 xl:space-y-12"}>
-      <div className={"flex justify-center"}>
+    <div className={'flex flex-col space-y-8 xl:space-y-12'}>
+      <div className={'flex justify-center'}>
        {intervals.length > 1 ? (
          <PlanIntervalSwitcher
            intervals={intervals}
@@ -70,13 +70,13 @@ export function PricingTable({

      <div
        className={
-          "flex flex-col items-start space-y-6 lg:space-y-0" +
-          " justify-center lg:flex-row lg:gap-x-2.5"
+          'flex flex-col items-start space-y-6 lg:space-y-0' +
+          ' justify-center lg:flex-row lg:gap-x-2.5'
        }
      >
        {visibleProducts.map((product) => {
          const plan = product.plans.find((plan) => {
-            if (plan.paymentType === "recurring") {
+            if (plan.paymentType === 'recurring') {
              return plan.interval === interval;
            }

@@ -159,7 +159,7 @@ function PricingItem(
  const lineItem = props.primaryLineItem!;
  const isCustom = props.plan.custom ?? false;

-  const i18nKey = lineItem?.unit ? `billing.units.${lineItem.unit}` : "";
+  const i18nKey = lineItem?.unit ? `billing.units.${lineItem.unit}` : '';

  const unitLabel = lineItem?.unit
    ? t.has(i18nKey)
@@ -168,31 +168,31 @@ function PricingItem(
          defaultValue: lineItem.unit,
        } as never)
      : lineItem.unit
-    : "";
+    : '';

-  const isDefaultSeatUnit = lineItem?.unit === "member";
+  const isDefaultSeatUnit = lineItem?.unit === 'member';

  // we exclude flat line items from the details since
  // it doesn't need further explanation
  const lineItemsToDisplay = props.plan.lineItems.filter((item) => {
-    return item.type !== "flat";
+    return item.type !== 'flat';
  });

  const interval = props.plan.interval as Interval;

  return (
    <div
-      data-cy={"subscription-plan"}
+      data-cy={'subscription-plan'}
      className={cn(
        props.className,
        `s-full bg-muted/50 relative flex flex-1 grow flex-col items-stretch justify-between self-stretch rounded px-6 py-5 lg:w-4/12 xl:max-w-[20rem]`,
      )}
    >
      <If condition={props.product.badge}>
-        <div className={"absolute -top-2.5 left-0 flex w-full justify-center"}>
+        <div className={'absolute -top-2.5 left-0 flex w-full justify-center'}>
          <Badge
-            className={highlighted ? "" : "bg-muted"}
-            variant={highlighted ? "default" : "outline"}
+            className={highlighted ? '' : 'bg-muted'}
+            variant={highlighted ? 'default' : 'outline'}
          >
            <span>
              <Trans
@@ -204,12 +204,12 @@ function PricingItem(
        </div>
      </If>

-      <div className={"flex flex-col gap-y-4"}>
-        <div className={"flex flex-col"}>
-          <div className={"flex items-center space-x-6"}>
+      <div className={'flex flex-col gap-y-4'}>
+        <div className={'flex flex-col'}>
+          <div className={'flex items-center space-x-6'}>
            <b
              className={
-                "text-secondary-foreground font-heading text-xl font-medium tracking-tight text-orange-800"
+                'text-secondary-foreground font-heading text-xl font-medium tracking-tight text-orange-800'
              }
            >
              <Trans
@@ -229,9 +229,9 @@ function PricingItem(
          </span>
        </div>

-        <div className={"h-px w-full border border-dashed"} />
+        <div className={'h-px w-full border border-dashed'} />

-        <div className={"flex flex-col gap-y-1"}>
+        <div className={'flex flex-col gap-y-1'}>
          <Price
            isMonthlyPrice={props.alwaysDisplayMonthlyPrice}
            displayBillingPeriod={!props.plan.label}
@@ -260,7 +260,7 @@ function PricingItem(
              <span>
                <If
                  condition={props.plan.interval}
-                  fallback={<Trans i18nKey={"billing.lifetime"} />}
+                  fallback={<Trans i18nKey={'billing.lifetime'} />}
                >
                  {(interval) => (
                    <Trans i18nKey={`billing.billingInterval.${interval}`} />
@@ -268,7 +268,7 @@ function PricingItem(
                </If>
              </span>

-              <If condition={lineItem && lineItem?.type !== "flat"}>
+              <If condition={lineItem && lineItem?.type !== 'flat'}>
                <span>/</span>

                <span
@@ -276,13 +276,13 @@ function PricingItem(
                    `animate-in slide-in-from-left-4 fade-in text-xs capitalize`,
                  )}
                >
-                  <If condition={lineItem?.type === "per_seat"}>
+                  <If condition={lineItem?.type === 'per_seat'}>
                    <If
                      condition={Boolean(lineItem?.unit) && !isDefaultSeatUnit}
-                      fallback={<Trans i18nKey={"billing.perTeamMember"} />}
+                      fallback={<Trans i18nKey={'billing.perTeamMember'} />}
                    >
                      <Trans
-                        i18nKey={"billing.perUnitShort"}
+                        i18nKey={'billing.perUnitShort'}
                        values={{
                          unit: unitLabel,
                        }}
@@ -291,10 +291,10 @@ function PricingItem(
                  </If>

                  <If
-                    condition={lineItem?.type !== "per_seat" && lineItem?.unit}
+                    condition={lineItem?.type !== 'per_seat' && lineItem?.unit}
                  >
                    <Trans
-                      i18nKey={"billing.perUnit"}
+                      i18nKey={'billing.perUnit'}
                      values={{
                        unit: lineItem?.unit,
                      }}
@@ -329,9 +329,9 @@ function PricingItem(
          </If>
        </If>

-        <div className={"h-px w-full border border-dashed"} />
+        <div className={'h-px w-full border border-dashed'} />

-        <div className={"flex flex-col"}>
+        <div className={'flex flex-col'}>
          <FeaturesList
            highlighted={highlighted}
            features={props.product.features}
@@ -339,11 +339,11 @@ function PricingItem(
        </div>

        <If condition={props.displayPlanDetails && lineItemsToDisplay.length}>
-          <div className={"h-px w-full border border-dashed"} />
+          <div className={'h-px w-full border border-dashed'} />

-          <div className={"flex flex-col space-y-2"}>
-            <h6 className={"text-sm font-semibold"}>
-              <Trans i18nKey={"billing.detailsLabel"} />
+          <div className={'flex flex-col space-y-2'}>
+            <h6 className={'text-sm font-semibold'}>
+              <Trans i18nKey={'billing.detailsLabel'} />
            </h6>

            <LineItemDetails
@@ -366,7 +366,7 @@ function FeaturesList(
  }>,
 ) {
  return (
-    <ul className={"flex flex-col gap-1"}>
+    <ul className={'flex flex-col gap-1'}>
      {props.features.map((feature) => {
        return (
          <ListItem highlighted={props.highlighted} key={feature}>
@@ -392,17 +392,17 @@ function Price({
    >
      <span
        className={
-          "font-heading flex items-center text-4xl font-medium tracking-tighter"
+          'font-heading flex items-center text-4xl font-medium tracking-tighter'
        }
      >
        {children}
      </span>

      <If condition={isMonthlyPrice && displayBillingPeriod}>
-        <span className={"text-muted-foreground text-sm leading-loose"}>
+        <span className={'text-muted-foreground text-sm leading-loose'}>
          <span>/</span>

-          <Trans i18nKey={"billing.perMonth"} />
+          <Trans i18nKey={'billing.perMonth'} />
        </span>
      </If>
    </div>
@@ -416,18 +416,18 @@ function ListItem({
  highlighted: boolean;
 }>) {
  return (
-    <li className={"flex items-center gap-x-2"}>
+    <li className={'flex items-center gap-x-2'}>
      <CheckCircle
-        className={cn("h-3.5 min-h-3.5 w-3.5 min-w-3.5", {
-          "text-secondary-foreground": highlighted,
-          "text-muted-foreground": !highlighted,
+        className={cn('h-3.5 min-h-3.5 w-3.5 min-w-3.5', {
+          'text-secondary-foreground': highlighted,
+          'text-muted-foreground': !highlighted,
        })}
      />

      <span
-        className={cn("text-sm", {
-          "text-muted-foreground": !highlighted,
-          "text-secondary-foreground": highlighted,
+        className={cn('text-sm', {
+          'text-muted-foreground': !highlighted,
+          'text-secondary-foreground': highlighted,
        })}
      >
        {children}
@@ -446,40 +446,40 @@ function PlanIntervalSwitcher(
  return (
    <div
      className={
-        "hover:border-border border-border/50 flex gap-x-0 rounded-full border"
+        'hover:border-border border-border/50 flex gap-x-0 rounded-full border'
      }
    >
      {props.intervals.map((plan, index) => {
        const selected = plan === props.interval;

        const className = cn(
-          "animate-in fade-in rounded-full transition-all focus:!ring-0",
+          'animate-in fade-in rounded-full transition-all focus:!ring-0',
          {
-            "border-r-transparent": index === 0,
-            ["hover:text-primary text-muted-foreground"]: !selected,
-            ["cursor-default"]: selected,
+            'border-r-transparent': index === 0,
+            ['hover:text-primary text-muted-foreground']: !selected,
+            ['cursor-default']: selected,
          },
        );

        return (
          <Button
-            size={"sm"}
+            size={'sm'}
            key={plan}
-            variant={selected ? "secondary" : "custom"}
+            variant={selected ? 'secondary' : 'custom'}
            className={className}
            onClick={() => props.setInterval(plan)}
          >
-            <span className={"flex items-center"}>
+            <span className={'flex items-center'}>
              <CheckCircle
                className={cn(
-                  "animate-in fade-in zoom-in-50 mr-1 size-3 duration-200",
+                  'animate-in fade-in zoom-in-50 mr-1 size-3 duration-200',
                  {
                    hidden: !selected,
                  },
                )}
              />

-              <span className={"text-xs capitalize"}>
+              <span className={'text-xs capitalize'}>
                <Trans i18nKey={`billing.billingInterval.${plan}`} />
              </span>
            </span>
@@ -516,22 +516,22 @@ function DefaultCheckoutButton(
  const searchParams = new URLSearchParams({
    next: props.paths.return,
    plan: props.plan.id,
-    redirectToCheckout: props.redirectToCheckout ? "true" : "false",
+    redirectToCheckout: props.redirectToCheckout ? 'true' : 'false',
  });

  const linkHref =
    props.plan.href ?? `${signUpPath}?${searchParams.toString()}`;

-  const label = props.plan.buttonLabel ?? "common.getStartedWithPlan";
+  const label = props.plan.buttonLabel ?? 'common.getStartedWithPlan';

  return (
-    <Link className={"w-full"} href={linkHref}>
+    <Link className={'w-full'} href={linkHref}>
      <Button
-        size={"lg"}
-        className={"h-12 w-full rounded-lg"}
-        variant={props.highlighted ? "default" : "secondary"}
+        size={'lg'}
+        className={'h-12 w-full rounded-lg'}
+        variant={props.highlighted ? 'default' : 'secondary'}
      >
-        <span className={"text-base font-medium tracking-tight"}>
+        <span className={'text-base font-medium tracking-tight'}>
          <Trans
            i18nKey={label}
            defaults={label}
@@ -543,7 +543,7 @@ function DefaultCheckoutButton(
          />
        </span>

-        <ArrowRight className={"ml-2 h-4"} />
+        <ArrowRight className={'ml-2 h-4'} />
      </Button>
    </Link>
  );
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -14,12 +14,12 @@ catalog:
  '@manypkg/cli': ^0.25.1
  '@markdoc/markdoc': ^0.5.6
  '@marsidev/react-turnstile': ^1.4.2
-  '@modelcontextprotocol/sdk': 1.27.1
+  '@modelcontextprotocol/sdk': 1.28.0
  '@next/bundle-analyzer': 16.2.1
  '@nosecone/next': 1.3.0
  '@playwright/test': ^1.58.2
  '@react-email/components': 1.0.10
-  '@sentry/nextjs': 10.45.0
+  '@sentry/nextjs': 10.46.0
  '@stripe/react-stripe-js': 5.6.1
  '@stripe/stripe-js': 8.11.0
  '@supabase/ssr': ^0.9.0
@@ -38,7 +38,7 @@ catalog:
  cssnano: ^7.1.3
  date-fns: ^4.1.0
  dotenv: 17.3.1
-  lucide-react: 1.0.1
+  lucide-react: 1.7.0
  nanoid: ^5.1.7
  next: 16.2.1
  next-intl: ^4.8.3
@@ -47,23 +47,23 @@ catalog:
  next-sitemap: ^4.2.3
  next-themes: 0.4.6
  node-html-parser: ^7.1.0
-  nodemailer: 8.0.3
-  oxfmt: ^0.41.0
-  oxlint: ^1.56.0
+  nodemailer: 8.0.4
+  oxfmt: ^0.42.0
+  oxlint: ^1.57.0
  pino: 10.3.1
  pino-pretty: 13.0.0
  postgres: 3.4.8
  react: 19.2.4
  react-dom: 19.2.4
  react-hook-form: 7.72.0
-  react-resizable-panels: ^4.7.5
+  react-resizable-panels: ^4.7.6
  recharts: 3.7.0
  rxjs: ^7.8.2
  server-only: ^0.0.1
  shadcn: 4.1.0
  sonner: ^2.0.7
  stripe: 20.4.1
-  supabase: 2.83.0
+  supabase: 2.84.4
  tailwind-merge: ^3.5.0
  tailwindcss: 4.2.2
  totp-generator: ^2.0.1