···11<script lang="ts">
22import type { WithElementRef } from 'bits-ui'
33import type { HTMLButtonAttributes } from 'svelte/elements'
44-import { cn } from '$lib/types'
44+import { cn } from '$lib/utils'
55import { buttonTv, type ButtonIntent, type ButtonIsIconOnly } from './styles'
6677type ButtonRootProps = WithElementRef<HTMLButtonAttributes>
88type ButtonProps = ButtonRootProps & {
99- isIconOnly?: ButtonIsIconOnly,
1010- intent?: ButtonIntent,
1111- }
99+ isIconOnly?: ButtonIsIconOnly,
1010+ intent?: ButtonIntent,
1111+}
12121313let {
1414 intent = 'primary',
+1-1
app/src/lib/components/Button/LinkButton.svelte
···11<script lang="ts">
22import type { WithElementRef } from 'bits-ui'
33import type { HTMLAnchorAttributes } from 'svelte/elements'
44-import { cn } from '$lib/types'
44+import { cn } from '$lib/utils'
55import { buttonTv, type ButtonIntent, type ButtonIsIconOnly } from './styles'
6677type LinkButtonRootProps = WithElementRef<HTMLAnchorAttributes>
+1-1
app/src/lib/components/Card/Card.svelte
···11<script lang="ts">
22import { tv } from 'tailwind-variants'
33-import { cn } from '$lib/types'
33+import { cn } from '$lib/utils'
44import type { CardProps } from './types'
5566const card = tv({
+1-1
app/src/lib/components/Card/CardFooter.svelte
···22import type { WithChildren } from 'bits-ui'
33import type { SvelteHTMLElements } from 'svelte/elements'
44import { tv } from 'tailwind-variants'
55-import { cn } from '$lib/types'
55+import { cn } from '$lib/utils'
66import { Separator } from '$ui/Separator'
7788export type CardFooterRootElement = SvelteHTMLElements['footer']
+2-2
app/src/lib/components/Chip/ChipDot.svelte
···11<script lang="ts">
22-import { tv, type VariantProps } from 'tailwind-variants'
32import type { SvelteHTMLElements } from 'svelte/elements'
44-import { cn } from '$lib/types'
33+import { tv, type VariantProps } from 'tailwind-variants'
44+import { cn } from '$lib/utils'
5566const chipDot = tv({
77 base: 'rounded-full',
···11<script lang="ts">
22import type { WithChildren } from 'bits-ui'
33-import { tv } from 'tailwind-variants'
43import type { SvelteHTMLElements } from 'svelte/elements'
55-import { cn } from '$lib/types'
44+import { tv } from 'tailwind-variants'
55+import { cn } from '$lib/utils'
6677type HeadingGroupRootElement = SvelteHTMLElements['group']
88type HeadingGroupProps = WithChildren<HeadingGroupRootElement>
···11<script lang="ts">
22import { Avatar, type WithoutChildrenOrChild } from 'bits-ui'
33import { tv, type VariantProps } from 'tailwind-variants'
44-import { cn } from '$lib/types'
44+import { cn } from '$lib/utils'
5566const pfp = tv({
77 base: [
+1-1
app/src/lib/components/Separator/Separator.svelte
···11<script lang="ts">
22import { Separator } from 'bits-ui'
33import { tv } from 'tailwind-variants'
44-import { cn } from '$lib/types'
44+import { cn } from '$lib/utils'
5566const separator = tv({
77 slots: {
+1-1
app/src/lib/components/Site/PageLayout.svelte
···22import type { WithChildren } from 'bits-ui'
33import type { SvelteHTMLElements } from 'svelte/elements'
44import { tv, type VariantProps } from 'tailwind-variants'
55-import { cn } from '$lib/types'
55+import { cn } from '$lib/utils'
6677const pageLayout = tv({
88 base: 'py-4 px-32 font-sans',
+1-1
app/src/lib/components/Text/Text.svelte
···11<script lang="ts">
22import { text, type TextProps } from './Text'
33-import { cn } from '$lib/types'
33+import { cn } from '$lib/utils'
4455let {
66 children,
-6
app/src/lib/types.ts
···11-import { clsx, type ClassValue } from 'clsx'
22-import { twMerge } from 'tailwind-merge'
33-44-export function cn(...inputs: ClassValue[]): string {
55- return twMerge(clsx(inputs))
66-}
-6
app/src/lib/utils.ts
···3030 * a postgreSQL table with a strongly typed database schema
3131 */
3232export type DbClient = SupabaseClient<Database>
3333-3434-// eslint-disable-next-line @typescript-eslint/no-explicit-any
3535-export type WithoutChild<T> = T extends { child?: any } ? Omit<T, 'child'> : T
3636-// eslint-disable-next-line @typescript-eslint/no-explicit-any
3737-export type WithoutChildren<T> = T extends { children?: any } ? Omit<T, 'children'> : T
3838-export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>
+4-4
app/src/routes/(auth)/reset-password/+page.svelte
···55import { Field, FieldLabel } from '$form/Field'
66import { FormHeader } from '$form/Form'
77import { TextInput } from '$form/TextInput'
88-import { Button } from '$ui/Button'
88+import { Button, LinkButton } from '$ui/Button'
99import type { PageProps } from './$types'
1010-import AuthPageLayout from '../AuthPageLayout.svelte'
1010+import { AuthPageLayout } from '../components'
11111212type ResetPasswordProps = WithChildren<PageProps>
1313let { data }: ResetPasswordProps = $props()
···5050 <Button intent="primary">
5151 Send and continue
5252 </Button>
5353- <Button intent="secondary" href="/signin">
5353+ <LinkButton intent="secondary" href="/signin">
5454 Return to sign in
5555- </Button>
5555+ </LinkButton>
5656 </div>
5757 </form>
5858</AuthPageLayout>