diff --git a/apps/web/app/(marketing)/_components/site-header-account-section.tsx b/apps/web/app/(marketing)/_components/site-header-account-section.tsx index 560f1a63c..81a7a3487 100644 --- a/apps/web/app/(marketing)/_components/site-header-account-section.tsx +++ b/apps/web/app/(marketing)/_components/site-header-account-section.tsx @@ -17,11 +17,10 @@ import { Trans } from '@kit/ui/trans'; import featuresFlagConfig from '~/config/feature-flags.config'; import pathsConfig from '~/config/paths.config'; -const ModeToggle = dynamic( - () => - import('@kit/ui/mode-toggle').then((mod) => ({ - default: mod.ModeToggle, - })), +const ModeToggle = dynamic(() => + import('@kit/ui/mode-toggle').then((mod) => ({ + default: mod.ModeToggle, + })), ); const paths = { diff --git a/apps/web/app/(marketing)/docs/[...slug]/page.tsx b/apps/web/app/(marketing)/docs/[...slug]/page.tsx index c56042ea5..4bb257976 100644 --- a/apps/web/app/(marketing)/docs/[...slug]/page.tsx +++ b/apps/web/app/(marketing)/docs/[...slug]/page.tsx @@ -11,7 +11,6 @@ import { withI18n } from '~/lib/i18n/with-i18n'; // styles import styles from '../../blog/_components/html-renderer.module.css'; - // local imports import { DocsCards } from '../_components/docs-cards'; import { DocsTableOfContents } from '../_components/docs-table-of-contents'; @@ -62,9 +61,9 @@ async function DocumentationPage({ params }: DocumentationPageProps) { ); return ( -
+
-
+

{page.title}

diff --git a/apps/web/app/(marketing)/docs/_components/docs-navigation.tsx b/apps/web/app/(marketing)/docs/_components/docs-navigation.tsx index e774d1700..cc2e7bad4 100644 --- a/apps/web/app/(marketing)/docs/_components/docs-navigation.tsx +++ b/apps/web/app/(marketing)/docs/_components/docs-navigation.tsx @@ -53,7 +53,7 @@ export function DocsNavigation({ pages }: { pages: Cms.ContentItem[] }) { <> diff --git a/apps/web/app/(marketing)/docs/_components/docs-table-of-contents.tsx b/apps/web/app/(marketing)/docs/_components/docs-table-of-contents.tsx index 166bbf4ba..3ad29b5f4 100644 --- a/apps/web/app/(marketing)/docs/_components/docs-table-of-contents.tsx +++ b/apps/web/app/(marketing)/docs/_components/docs-table-of-contents.tsx @@ -13,7 +13,7 @@ export function DocsTableOfContents(props: { data: NavItem[] }) { const navData = props.data; return ( -
+
    , } : undefined, - ].filter(route => !!route), + ].filter((route) => !!route), }, ] satisfies z.infer['routes']; diff --git a/packages/cms/keystatic/src/keystatic.config.ts b/packages/cms/keystatic/src/keystatic.config.ts index d33437769..5e6ff90ec 100644 --- a/packages/cms/keystatic/src/keystatic.config.ts +++ b/packages/cms/keystatic/src/keystatic.config.ts @@ -66,7 +66,10 @@ function getKeystaticCollections(path: string) { format: { contentField: 'content' }, schema: { title: fields.slug({ name: { label: 'Title' } }), - label: fields.text({ label: 'Label', validation: { isRequired: false } }), + label: fields.text({ + label: 'Label', + validation: { isRequired: false }, + }), image: fields.image({ label: 'Image', directory: 'public/site/images', @@ -102,7 +105,10 @@ function getKeystaticCollections(path: string) { format: { contentField: 'content' }, schema: { title: fields.slug({ name: { label: 'Title' } }), - label: fields.text({ label: 'Label', validation: { isRequired: false } }), + label: fields.text({ + label: 'Label', + validation: { isRequired: false }, + }), content: getContentField(), image: fields.image({ label: 'Image', diff --git a/packages/features/accounts/src/components/account-selector.tsx b/packages/features/accounts/src/components/account-selector.tsx index ce00fbf3b..bc99deaf8 100644 --- a/packages/features/accounts/src/components/account-selector.tsx +++ b/packages/features/accounts/src/components/account-selector.tsx @@ -129,7 +129,9 @@ export function AccountSelector({ - + {account.label ? account.label[0] : ''} diff --git a/packages/ui/src/makerkit/stepper.tsx b/packages/ui/src/makerkit/stepper.tsx index d663dcf92..a3ceb3b93 100644 --- a/packages/ui/src/makerkit/stepper.tsx +++ b/packages/ui/src/makerkit/stepper.tsx @@ -89,10 +89,10 @@ function getClassNameBuilder() { return cva(``, { variants: { variant: { - default: `flex flex-col h-[2.5px] w-full transition-all duration-500`, + default: `flex h-[2.5px] w-full flex-col transition-all duration-500`, numbers: - 'w-9 h-9 font-bold rounded-full flex items-center justify-center text-sm border', - dots: 'w-2.5 h-2.5 rounded-full bg-muted transition-colors', + 'flex h-9 w-9 items-center justify-center rounded-full border text-sm font-bold', + dots: 'h-2.5 w-2.5 rounded-full bg-muted transition-colors', }, selected: { true: '', diff --git a/packages/ui/src/shadcn/alert.tsx b/packages/ui/src/shadcn/alert.tsx index 8666f5a5e..e2788495e 100644 --- a/packages/ui/src/shadcn/alert.tsx +++ b/packages/ui/src/shadcn/alert.tsx @@ -5,18 +5,18 @@ import { type VariantProps, cva } from 'class-variance-authority'; import { cn } from '../lib/utils'; const alertVariants = cva( - 'relative w-full bg-gradient-to-r rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7', + 'relative w-full rounded-lg border bg-gradient-to-r px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7', { variants: { variant: { default: 'bg-background text-foreground', destructive: - 'border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive from-red-50 from-10% via-background to-background dark:from-red-500/10', + 'border-destructive/50 from-red-50 from-10% via-background to-background text-destructive dark:border-destructive dark:from-red-500/10 [&>svg]:text-destructive', success: - 'border-green-600/50 text-green-600 dark:border-green-600 [&>svg]:text-green-600 from-green-50 from-10% via-background to-background dark:from-green-500/10', + 'border-green-600/50 from-green-50 from-10% via-background to-background text-green-600 dark:border-green-600 dark:from-green-500/10 [&>svg]:text-green-600', warning: - 'border-orange-600/50 text-orange-600 dark:border-orange-600 [&>svg]:text-orange-600 from-orange-50 from-10% via-background to-background dark:from-orange-500/10', - info: 'border-blue-600/50 text-blue-600 dark:border-blue-600 [&>svg]:text-blue-600 from-blue-50 from-10% via-background to-background dark:from-blue-500/10', + 'border-orange-600/50 from-orange-50 from-10% via-background to-background text-orange-600 dark:border-orange-600 dark:from-orange-500/10 [&>svg]:text-orange-600', + info: 'border-blue-600/50 from-blue-50 from-10% via-background to-background text-blue-600 dark:border-blue-600 dark:from-blue-500/10 [&>svg]:text-blue-600', }, }, defaultVariants: { diff --git a/packages/ui/src/shadcn/badge.tsx b/packages/ui/src/shadcn/badge.tsx index 8a72a6492..45c938a95 100644 --- a/packages/ui/src/shadcn/badge.tsx +++ b/packages/ui/src/shadcn/badge.tsx @@ -17,10 +17,10 @@ const badgeVariants = cva( 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80', outline: 'text-foreground', success: - 'border-transparent bg-green-50 hover:bg-green-50 text-green-500 dark:bg-green-500/20 dark:hover:bg-green-500/20', + 'border-transparent bg-green-50 text-green-500 hover:bg-green-50 dark:bg-green-500/20 dark:hover:bg-green-500/20', warning: - 'border-transparent bg-orange-50 hover:bg-orange-50 text-orange-500 dark:bg-orange-500/20 dark:hover:bg-orange-500/20', - info: 'border-transparent bg-blue-50 hover:bg-blue-50 text-blue-500 dark:bg-blue-500/20 dark:hover:bg-blue-500/20', + 'border-transparent bg-orange-50 text-orange-500 hover:bg-orange-50 dark:bg-orange-500/20 dark:hover:bg-orange-500/20', + info: 'border-transparent bg-blue-50 text-blue-500 hover:bg-blue-50 dark:bg-blue-500/20 dark:hover:bg-blue-500/20', }, }, defaultVariants: { diff --git a/packages/ui/src/shadcn/chart.tsx b/packages/ui/src/shadcn/chart.tsx index cb0fe6490..0a90d9b51 100644 --- a/packages/ui/src/shadcn/chart.tsx +++ b/packages/ui/src/shadcn/chart.tsx @@ -9,13 +9,16 @@ import { cn } from '../lib/utils'; // Format: { THEME_NAME: CSS_SELECTOR } const THEMES = { light: '', dark: '.dark' } as const; -export type ChartConfig = Record } - )>; + ) +>; type ChartContextProps = { config: ChartConfig; diff --git a/packages/ui/src/shadcn/collapsible.tsx b/packages/ui/src/shadcn/collapsible.tsx index 9fa48946a..86ab87d88 100644 --- a/packages/ui/src/shadcn/collapsible.tsx +++ b/packages/ui/src/shadcn/collapsible.tsx @@ -1,11 +1,11 @@ -"use client" +'use client'; -import * as CollapsiblePrimitive from "@radix-ui/react-collapsible" +import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'; -const Collapsible = CollapsiblePrimitive.Root +const Collapsible = CollapsiblePrimitive.Root; -const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger +const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger; -const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent +const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent; -export { Collapsible, CollapsibleTrigger, CollapsibleContent } +export { Collapsible, CollapsibleTrigger, CollapsibleContent };