BradNut/boredgame
1
0
Fork 0
mirror of https://github.com/BradNut/boredgame synced 2025-09-08 17:40:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleanup code based on the biomejs config.

Browse source
This commit is contained in:
Bradley Shellnut 2024-11-08 13:57:13 -08:00
parent 9723cabe80
commit 88339093e1
297 changed files with 1518 additions and 1321 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/lib/assets/bored-game.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

6
src/lib/components/AddToList.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import { enhance } from "$app/forms"; import { enhance } from '$app/forms';
import { MinusCircle, PlusCircle } from "lucide-svelte"; import { MinusCircle, PlusCircle } from 'lucide-svelte';
import { Button } from '$components/ui/button'; import { Button } from '$components/ui/button';
import type { CollectionItems, Wishlists } from "$db/schema"; import type { CollectionItems, Wishlists } from '$db/schema';
export let game_id: string; export let game_id: string;
export let collection: CollectionItems; export let collection: CollectionItems;

4
src/lib/components/Analytics.svelte
View file

@ -1,6 +1,4 @@
<script lang="ts"> <script lang="ts"></script>
import { PUBLIC_UMAMI_DO_NOT_TRACK, PUBLIC_UMAMI_URL, PUBLIC_UMAMI_ID } from '$env/static/public';
</script>
<svelte:head> <svelte:head>
<script <script

6
src/lib/components/CopyCodeBlock.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import { Button } from '$lib/components/ui/button' import { Button } from '$lib/components/ui/button';
import { toastMessage } from '$lib/utils/superforms' // Adjust the path if necessary import { toastMessage } from '$lib/utils/superforms'; // Adjust the path if necessary
const { codeContent, language }: { codeContent: string; language: string } = $props() const { codeContent, language }: { codeContent: string; language: string } = $props()
// Function to copy code to clipboard // Function to copy code to clipboard
const copyToClipboard = () => { const copyToClipboard = () => {

1
src/lib/components/Game.svelte
View file

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import type { GameType, SavedGameType } from '$lib/types'; import type { GameType, SavedGameType } from '$lib/types';
import * as Card from "$lib/components/ui/card";
import type { CollectionItems } from '$db/schema'; import type { CollectionItems } from '$db/schema';
export let game: GameType | CollectionItems; export let game: GameType | CollectionItems;

4
src/lib/components/Header.svelte
View file

@ -1,9 +1,5 @@
<script lang="ts"> <script lang="ts">
import { applyAction, enhance } from '$app/forms';
import { invalidateAll } from '$app/navigation';
import Logo from '$components/logo.svelte'; import Logo from '$components/logo.svelte';
import * as Avatar from '$components/ui/avatar';
import * as DropdownMenu from '$components/ui/dropdown-menu';
import { ListChecks, ListTodo, LogOut, Settings } from 'lucide-svelte'; import { ListChecks, ListTodo, LogOut, Settings } from 'lucide-svelte';
let { user = null } = $props(); let { user = null } = $props();

5
src/lib/components/Icon.svelte
View file

@ -1,6 +1,7 @@
<script lang="ts"> <script lang="ts">
import feather from 'feather-icons'; import feather from 'feather-icons';
export const directions: string[] = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
export const directions: string[] = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
export let name: string; export let name: string;
export let direction: string = 'n'; export let direction: string = 'n';

10
src/lib/components/dialog/ClearCollectionDialog.svelte
View file

@ -1,10 +1,10 @@
<script lang="ts"> <script lang="ts">
import { browser } from '$app/environment' import { browser } from '$app/environment';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { collectionStore } from '$lib/stores/collectionStore' import { collectionStore } from '$lib/stores/collectionStore';
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition';
function clearCollection() { function clearCollection() {
if (browser) { if (browser) {
localStorage.collection = JSON.stringify([]) localStorage.collection = JSON.stringify([])
collectionStore.removeAll() collectionStore.removeAll()

20
src/lib/components/dialog/DefaultDialog.svelte
View file

@ -1,15 +1,15 @@
<script lang="ts"> <script lang="ts">
// import { // import {
// Dialog, // Dialog,
// DialogDescription, // DialogDescription,
// DialogOverlay, // DialogOverlay,
// DialogTitle // DialogTitle
// } from '@rgossiaux/svelte-headlessui'; // } from '@rgossiaux/svelte-headlessui';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { type SvelteComponent, createEventDispatcher } from 'svelte' import { createEventDispatcher, type SvelteComponent } from 'svelte';
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition';
export let title: string export let title: string
export let description: string export let description: string
export let danger = false export let danger = false
export let alert = false export let alert = false

25
src/lib/components/dialog/RemoveCollectionDialog.svelte
View file

@ -1,14 +1,21 @@
<script lang="ts"> <script lang="ts">
import { browser } from '$app/environment' import { browser } from '$app/environment';
// import { Button, buttonVariants } from '$components/ui/button'; // import { Button, buttonVariants } from '$components/ui/button';
import { Button, buttonVariants } from '$components/ui/button' import { Button, buttonVariants } from '$components/ui/button';
import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '$components/ui/dialog' import {
import { boredState } from '$lib/stores/boredState' Dialog,
import { collectionStore } from '$lib/stores/collectionStore' DialogContent,
import { removeFromCollection } from '$lib/utils/manipulateCollection' DialogDescription,
import { fade } from 'svelte/transition' DialogFooter,
DialogHeader,
DialogTitle,
DialogTrigger,
} from '$components/ui/dialog';
import { boredState } from '$lib/stores/boredState';
import { collectionStore } from '$lib/stores/collectionStore';
import { removeFromCollection } from '$lib/utils/manipulateCollection';
function removeGame() { function removeGame() {
if ($boredState?.dialog?.additionalData) { if ($boredState?.dialog?.additionalData) {
removeFromCollection($boredState?.dialog?.additionalData) removeFromCollection($boredState?.dialog?.additionalData)
} }

24
src/lib/components/dialog/RemoveWishlistDialog.svelte
View file

@ -1,17 +1,17 @@
<script lang="ts"> <script lang="ts">
import { browser } from '$app/environment' import { browser } from '$app/environment';
// import { // import {
// Dialog, // Dialog,
// DialogDescription, // DialogDescription,
// DialogOverlay, // DialogOverlay,
// DialogTitle // DialogTitle
// } from '@rgossiaux/svelte-headlessui'; // } from '@rgossiaux/svelte-headlessui';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { wishlistStore } from '$lib/stores/wishlistStore' import { wishlistStore } from '$lib/stores/wishlistStore';
import { removeFromWishlist } from '$lib/utils/manipulateWishlist' import { removeFromWishlist } from '$lib/utils/manipulateWishlist';
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition';
function removeGame() { function removeGame() {
if ($boredState?.dialog?.additionalData) { if ($boredState?.dialog?.additionalData) {
removeFromWishlist($boredState?.dialog?.additionalData) removeFromWishlist($boredState?.dialog?.additionalData)
} }

4
src/lib/components/listbox.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
// import { // import {
// Listbox, // Listbox,
// ListboxButton, // ListboxButton,
// ListboxOptions, // ListboxOptions,

8
src/lib/components/pagination/index.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
// Based on https://carbon-components-svelte.onrender.com/components/Pagination // Based on https://carbon-components-svelte.onrender.com/components/Pagination
import { afterUpdate, createEventDispatcher } from 'svelte' import { afterUpdate, createEventDispatcher } from 'svelte';
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition';
// import { // import {
// Listbox, // Listbox,
// ListboxButton, // ListboxButton,
// ListboxOption, // ListboxOption,

2
src/lib/components/pin-input.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from '$lib/utils/ui'; import { cn } from '$lib/utils/ui';
import { PinInput, type PinInputProps } from 'bits-ui'; import { type PinInputProps } from 'bits-ui';
interface Props extends Omit<PinInputProps, 'value'> { interface Props extends Omit<PinInputProps, 'value'> {
value: string; value: string;

16
src/lib/components/preferences/gameCollection.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
import { browser } from '$app/environment' import { browser } from '$app/environment';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { collectionStore } from '$lib/stores/collectionStore' import { collectionStore } from '$lib/stores/collectionStore';
import { ToastType } from '$lib/types' import { ToastType } from '$lib/types';
// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline'; // import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
import ClearCollectionDialog from '../dialog/ClearCollectionDialog.svelte' import ClearCollectionDialog from '../dialog/ClearCollectionDialog.svelte';
import { toast } from '../toast/toast' import { toast } from '../toast/toast';
function saveCollection() { function saveCollection() {
if (!browser) return if (!browser) return
localStorage.collection = JSON.stringify($collectionStore) localStorage.collection = JSON.stringify($collectionStore)
toast.send('Saved collection', { duration: 3000, type: ToastType.INFO }) toast.send('Saved collection', { duration: 3000, type: ToastType.INFO })

16
src/lib/components/preferences/gameWishlist.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
import { browser } from '$app/environment' import { browser } from '$app/environment';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { wishlistStore } from '$lib/stores/wishlistStore' import { wishlistStore } from '$lib/stores/wishlistStore';
import { ToastType } from '$lib/types' import { ToastType } from '$lib/types';
// import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline'; // import { SaveIcon, ShareIcon, TrashIcon } from '@rgossiaux/svelte-heroicons/outline';
import ClearWishlistDialog from '../dialog/ClearWishlistDialog.svelte' import ClearWishlistDialog from '../dialog/ClearWishlistDialog.svelte';
import { toast } from '../toast/toast' import { toast } from '../toast/toast';
function saveWishlist() { function saveWishlist() {
if (!browser) return if (!browser) return
localStorage.wishlist = JSON.stringify($wishlistStore) localStorage.wishlist = JSON.stringify($wishlistStore)
toast.send('Saved wishlist', { duration: 3000, type: ToastType.INFO }) toast.send('Saved wishlist', { duration: 3000, type: ToastType.INFO })

10
src/lib/components/preferences/profile.svelte
View file

@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import cogOutline from '@iconify-icons/mdi/cog-outline' import cogOutline from '@iconify-icons/mdi/cog-outline';
import { fade } from 'svelte/transition' import { fade } from 'svelte/transition';
import GameCollection from './gameCollection.svelte' import GameCollection from './gameCollection.svelte';
import GameWishlist from './gameWishlist.svelte' import GameWishlist from './gameWishlist.svelte';
import Themes from './themes.svelte' import Themes from './themes.svelte';
</script> </script>
<div class="container"> <div class="container">

6
src/lib/components/preferences/themes.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
// import { // import {
// Listbox, // Listbox,
// ListboxButton, // ListboxButton,
// ListboxOption, // ListboxOption,

14
src/lib/components/random/index.svelte
View file

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import { toast } from '$lib/components/toast/toast' import { toast } from '$lib/components/toast/toast';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { collectionStore } from '$lib/stores/collectionStore' import { collectionStore } from '$lib/stores/collectionStore';
import { gameStore } from '$lib/stores/gameSearchStore' import { gameStore } from '$lib/stores/gameSearchStore';
import { type SavedGameType, ToastType } from '$lib/types' import { type SavedGameType, ToastType } from '$lib/types';
import { mapSavedGameToGame } from '$lib/utils/gameMapper' import { mapSavedGameToGame } from '$lib/utils/gameMapper';
async function getRandomCollectionGame() { async function getRandomCollectionGame() {
if ($collectionStore.length > 0) { if ($collectionStore.length > 0) {
boredState.update((n) => ({ ...n, loading: true })) boredState.update((n) => ({ ...n, loading: true }))
let randomNumber: number = Math.round(Math.random() * $collectionStore.length - 1) let randomNumber: number = Math.round(Math.random() * $collectionStore.length - 1)

3
src/lib/components/search/GameSearchForm.svelte
View file

@ -1,8 +1,7 @@
<script lang="ts"> <script lang="ts">
import { superForm, type Infer, type SuperValidated } from 'sveltekit-superforms'; import { type Infer, superForm, type SuperValidated } from 'sveltekit-superforms';
import { zodClient } from 'sveltekit-superforms/adapters'; import { zodClient } from 'sveltekit-superforms/adapters';
import { search_schema, type SearchSchema } from '$lib/zodValidation'; import { search_schema, type SearchSchema } from '$lib/zodValidation';
import * as Form from "$lib/components/ui/form";
import Input from '$components/ui/input/input.svelte'; import Input from '$components/ui/input/input.svelte';
import Checkbox from '$components/ui/checkbox/checkbox.svelte'; import Checkbox from '$components/ui/checkbox/checkbox.svelte';

4
src/lib/components/search/advancedSearch/index.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
export let form export let form
export let errors export let errors
export let constraints export let constraints
console.log('advanced search data', $form) console.log('advanced search data', $form)

14
src/lib/components/search/random/index.svelte
View file

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import { Button } from '$components/ui/button' import { Button } from '$components/ui/button';
import { boredState } from '$lib/stores/boredState' import { boredState } from '$lib/stores/boredState';
import { gameStore } from '$lib/stores/gameSearchStore' import { gameStore } from '$lib/stores/gameSearchStore';
import type { SearchSchema } from '$lib/zodValidation' import type { SearchSchema } from '$lib/zodValidation';
import type { SuperValidated } from 'sveltekit-superforms' import type { SuperValidated } from 'sveltekit-superforms';
import { superForm } from 'sveltekit-superforms/client' import { superForm } from 'sveltekit-superforms/client';
export let data: SuperValidated<SearchSchema> export let data: SuperValidated<SearchSchema>
const { enhance } = superForm(data, { const { enhance } = superForm(data, {
onSubmit: () => { onSubmit: () => {
gameStore.removeAll() gameStore.removeAll()

6
src/lib/components/signin.svelte
View file

@ -1,13 +1,13 @@
<script lang="ts"> <script lang="ts">
import { zodClient } from 'sveltekit-superforms/adapters'; import { zodClient } from 'sveltekit-superforms/adapters';
import { ConicGradient } from '@skeletonlabs/skeleton';
import type { ConicStop } from '@skeletonlabs/skeleton'; import type { ConicStop } from '@skeletonlabs/skeleton';
import { i } from "@inlang/sdk-js"; import { ConicGradient } from '@skeletonlabs/skeleton';
import { i } from '@inlang/sdk-js';
import { superForm } from 'sveltekit-superforms/client'; import { superForm } from 'sveltekit-superforms/client';
//import SuperDebug from 'sveltekit-superforms/client/SuperDebug.svelte'; //import SuperDebug from 'sveltekit-superforms/client/SuperDebug.svelte';
import { userSchema } from '$lib/validations/zod-schemas';
import { AlertTriangle } from 'lucide-svelte'; import { AlertTriangle } from 'lucide-svelte';
import { signInSchema } from '$lib/validations/auth'; import { signInSchema } from '$lib/validations/auth';
export let data; export let data;
const { form, errors, enhance, delayed } = superForm(data.form, { const { form, errors, enhance, delayed } = superForm(data.form, {

10
src/lib/components/toast/Toast.svelte
View file

@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import Portal from '$lib/Portal.svelte' import Portal from '$lib/Portal.svelte';
import { flip } from 'svelte/animate' import { flip } from 'svelte/animate';
import { fade, fly } from 'svelte/transition' import { fade, fly } from 'svelte/transition';
import ToastMessage from './ToastMessage.svelte' import ToastMessage from './ToastMessage.svelte';
import { toast } from './toast' import { toast } from './toast';
</script> </script>
<Portal> <Portal>

10
src/lib/components/toast/ToastMessage.svelte
View file

@ -1,10 +1,10 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { tweened } from 'svelte/motion'; import { tweened } from 'svelte/motion';
import type { ToastData } from '$lib/types'; import type { ToastData } from '$lib/types';
import { toast } from './toast'; import { toast } from './toast';
export let toastData: ToastData; export let toastData: ToastData;
let progress = tweened(100, { duration: toastData.duration }); let progress = tweened(100, { duration: toastData.duration });
onMount(async () => { onMount(async () => {

6
src/lib/components/toast/toast.ts
View file

@ -1,6 +1,6 @@
import { writable } from 'svelte/store'; import {writable} from 'svelte/store';
import type { ToastData } from '$lib/types'; import type {ToastData} from '$lib/types';
import { ToastType } from '$lib/types'; import {ToastType} from '$lib/types';
// Custom store // Custom store
const newToast = () => { const newToast = () => {

4
src/lib/components/transition.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
interface Transition { interface Transition {
type: 'fade' | 'stagger' | 'page'; type: 'fade' | 'stagger' | 'page';
duration?: number; duration?: number;
delay?: number; delay?: number;

4
src/lib/components/ui/alert/alert-description.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

6
src/lib/components/ui/alert/alert-title.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import type { HeadingLevel } from "."; import type { HeadingLevel } from '.';
type $$Props = HTMLAttributes<HTMLHeadingElement> & { type $$Props = HTMLAttributes<HTMLHeadingElement> & {
level?: HeadingLevel; level?: HeadingLevel;

6
src/lib/components/ui/alert/alert.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { alertVariants, type Variant } from "."; import { alertVariants, type Variant } from '.';
type $$Props = HTMLAttributes<HTMLDivElement> & { type $$Props = HTMLAttributes<HTMLDivElement> & {
variant?: Variant; variant?: Variant;

2
src/lib/components/ui/alert/index.ts
View file

@ -1,4 +1,4 @@
import { tv, type VariantProps } from "tailwind-variants"; import {tv, type VariantProps} from "tailwind-variants";
import Root from "./alert.svelte"; import Root from "./alert.svelte";
import Description from "./alert-description.svelte"; import Description from "./alert-description.svelte";

4
src/lib/components/ui/avatar/avatar-fallback.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui"; import { Avatar as AvatarPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AvatarPrimitive.FallbackProps; type $$Props = AvatarPrimitive.FallbackProps;

4
src/lib/components/ui/avatar/avatar-image.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui"; import { Avatar as AvatarPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AvatarPrimitive.ImageProps; type $$Props = AvatarPrimitive.ImageProps;

4
src/lib/components/ui/avatar/avatar.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui"; import { Avatar as AvatarPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AvatarPrimitive.Props; type $$Props = AvatarPrimitive.Props;

4
src/lib/components/ui/badge/badge.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { type Variant, badgeVariants } from "./index.js"; import { badgeVariants, type Variant } from './index.js';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export let href: string | undefined = undefined; export let href: string | undefined = undefined;

3
src/lib/components/ui/badge/index.ts
View file

@ -1,4 +1,5 @@
import { type VariantProps, tv } from "tailwind-variants"; import {tv, type VariantProps} from "tailwind-variants";
export { default as Badge } from "./badge.svelte"; export { default as Badge } from "./badge.svelte";
export const badgeVariants = tv({ export const badgeVariants = tv({

5
src/lib/components/ui/button/button.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Button as ButtonPrimitive } from "bits-ui"; import { buttonVariants, type Events, type Props } from './index.js';
import { type Events, type Props, buttonVariants } from "./index.js"; import { cn } from '$lib/utils.js';
import { cn } from "$lib/utils.js";
type $$Props = Props; type $$Props = Props;
type $$Events = Events; type $$Events = Events;

4
src/lib/components/ui/button/index.ts
View file

@ -1,5 +1,5 @@
import { type VariantProps, tv } from "tailwind-variants"; import {tv, type VariantProps} from "tailwind-variants";
import type { Button as ButtonPrimitive } from "bits-ui"; import type {Button as ButtonPrimitive} from "bits-ui";
import Root from "./button.svelte"; import Root from "./button.svelte";
const buttonVariants = tv({ const buttonVariants = tv({

4
src/lib/components/ui/card/card-content.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

4
src/lib/components/ui/card/card-description.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLParagraphElement>; type $$Props = HTMLAttributes<HTMLParagraphElement>;

4
src/lib/components/ui/card/card-footer.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

4
src/lib/components/ui/card/card-header.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

6
src/lib/components/ui/card/card-title.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import type { HeadingLevel } from "./index.js"; import type { HeadingLevel } from './index.js';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLHeadingElement> & { type $$Props = HTMLAttributes<HTMLHeadingElement> & {
tag?: HeadingLevel; tag?: HeadingLevel;

4
src/lib/components/ui/card/card.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

8
src/lib/components/ui/checkbox/checkbox.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import { Checkbox as CheckboxPrimitive } from "bits-ui"; import { Checkbox as CheckboxPrimitive } from 'bits-ui';
import Check from "lucide-svelte/icons/check"; import Check from 'lucide-svelte/icons/check';
import Minus from "lucide-svelte/icons/minus"; import Minus from 'lucide-svelte/icons/minus';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = CheckboxPrimitive.Props; type $$Props = CheckboxPrimitive.Props;
type $$Events = CheckboxPrimitive.Events; type $$Events = CheckboxPrimitive.Events;

1
src/lib/components/ui/checkbox/index.ts
View file

@ -1,4 +1,5 @@
import Root from "./checkbox.svelte"; import Root from "./checkbox.svelte";
export { export {
Root, Root,
// //

4
src/lib/components/ui/collapsible/collapsible-content.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Collapsible as CollapsiblePrimitive } from "bits-ui"; import { Collapsible as CollapsiblePrimitive } from 'bits-ui';
import { slide } from "svelte/transition"; import { slide } from 'svelte/transition';
type $$Props = CollapsiblePrimitive.ContentProps; type $$Props = CollapsiblePrimitive.ContentProps;

2
src/lib/components/ui/collapsible/index.ts
View file

@ -1,4 +1,4 @@
import { Collapsible as CollapsiblePrimitive } from "bits-ui"; import {Collapsible as CollapsiblePrimitive} from "bits-ui";
import Content from "./collapsible-content.svelte"; import Content from "./collapsible-content.svelte";
const Root = CollapsiblePrimitive.Root; const Root = CollapsiblePrimitive.Root;

9
src/lib/components/ui/dialog/DialogContent.svelte
View file

@ -1,9 +1,8 @@
<script lang="ts"> <script lang="ts">
import { X } from "lucide-svelte"; import { X } from 'lucide-svelte';
import { Dialog as DialogPrimitive } from "radix-svelte"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils"; import DialogOverlay from './DialogOverlay.svelte';
import DialogOverlay from "./DialogOverlay.svelte"; import DialogPortal from './DialogPortal.svelte';
import DialogPortal from "./DialogPortal.svelte";
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

3
src/lib/components/ui/dialog/DialogDescription.svelte
View file

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "radix-svelte"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils";
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

2
src/lib/components/ui/dialog/DialogFooter.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

2
src/lib/components/ui/dialog/DialogHeader.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

3
src/lib/components/ui/dialog/DialogOverlay.svelte
View file

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "radix-svelte"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils";
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

4
src/lib/components/ui/dialog/DialogPortal.svelte
View file

@ -1,6 +1,4 @@
<script lang="ts"> <script lang="ts"></script>
import { Dialog as DialogPrimitive } from "radix-svelte";
</script>
<DialogPrimitive.Portal> <DialogPrimitive.Portal>
<div <div

3
src/lib/components/ui/dialog/DialogTitle.svelte
View file

@ -1,6 +1,5 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "radix-svelte"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils";
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;
export { className as class }; export { className as class };

7
src/lib/components/ui/dialog/dialog-content.svelte
View file

@ -1,8 +1,7 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "bits-ui"; import { Dialog as DialogPrimitive } from 'bits-ui';
import X from "lucide-svelte/icons/x"; import X from 'lucide-svelte/icons/x';
import * as Dialog from "./index.js"; import { cn, flyAndScale } from '$lib/utils.js';
import { cn, flyAndScale } from "$lib/utils.js";
type $$Props = DialogPrimitive.ContentProps; type $$Props = DialogPrimitive.ContentProps;

4
src/lib/components/ui/dialog/dialog-description.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "bits-ui"; import { Dialog as DialogPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DialogPrimitive.DescriptionProps; type $$Props = DialogPrimitive.DescriptionProps;

4
src/lib/components/ui/dialog/dialog-footer.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

4
src/lib/components/ui/dialog/dialog-header.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;

6
src/lib/components/ui/dialog/dialog-overlay.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "bits-ui"; import { Dialog as DialogPrimitive } from 'bits-ui';
import { fade } from "svelte/transition"; import { fade } from 'svelte/transition';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DialogPrimitive.OverlayProps; type $$Props = DialogPrimitive.OverlayProps;

3
src/lib/components/ui/dialog/dialog-portal.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "bits-ui"; import { Dialog as DialogPrimitive } from 'bits-ui';
type $$Props = DialogPrimitive.PortalProps; type $$Props = DialogPrimitive.PortalProps;
</script> </script>

4
src/lib/components/ui/dialog/dialog-title.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Dialog as DialogPrimitive } from "bits-ui"; import { Dialog as DialogPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DialogPrimitive.TitleProps; type $$Props = DialogPrimitive.TitleProps;

2
src/lib/components/ui/dialog/index.ts
View file

@ -1,4 +1,4 @@
import { Dialog as DialogPrimitive } from "bits-ui"; import {Dialog as DialogPrimitive} from "bits-ui";
import Title from "./dialog-title.svelte"; import Title from "./dialog-title.svelte";
import Portal from "./dialog-portal.svelte"; import Portal from "./dialog-portal.svelte";

6
src/lib/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import Check from "lucide-svelte/icons/check"; import Check from 'lucide-svelte/icons/check';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.CheckboxItemProps; type $$Props = DropdownMenuPrimitive.CheckboxItemProps;
type $$Events = DropdownMenuPrimitive.CheckboxItemEvents; type $$Events = DropdownMenuPrimitive.CheckboxItemEvents;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-content.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import { cn, flyAndScale } from "$lib/utils.js"; import { cn, flyAndScale } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.ContentProps; type $$Props = DropdownMenuPrimitive.ContentProps;
type $$Events = DropdownMenuPrimitive.ContentEvents; type $$Events = DropdownMenuPrimitive.ContentEvents;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-item.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.ItemProps & { type $$Props = DropdownMenuPrimitive.ItemProps & {
inset?: boolean; inset?: boolean;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-label.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.LabelProps & { type $$Props = DropdownMenuPrimitive.LabelProps & {
inset?: boolean; inset?: boolean;

2
src/lib/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
type $$Props = DropdownMenuPrimitive.RadioGroupProps; type $$Props = DropdownMenuPrimitive.RadioGroupProps;

6
src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import Circle from "lucide-svelte/icons/circle"; import Circle from 'lucide-svelte/icons/circle';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.RadioItemProps; type $$Props = DropdownMenuPrimitive.RadioItemProps;
type $$Events = DropdownMenuPrimitive.RadioItemEvents; type $$Events = DropdownMenuPrimitive.RadioItemEvents;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-separator.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.SeparatorProps; type $$Props = DropdownMenuPrimitive.SeparatorProps;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLAttributes<HTMLSpanElement>; type $$Props = HTMLAttributes<HTMLSpanElement>;

4
src/lib/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import { cn, flyAndScale } from "$lib/utils.js"; import { cn, flyAndScale } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.SubContentProps; type $$Props = DropdownMenuPrimitive.SubContentProps;
type $$Events = DropdownMenuPrimitive.SubContentEvents; type $$Events = DropdownMenuPrimitive.SubContentEvents;

6
src/lib/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import ChevronRight from "lucide-svelte/icons/chevron-right"; import ChevronRight from 'lucide-svelte/icons/chevron-right';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.SubTriggerProps & { type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
inset?: boolean; inset?: boolean;

2
src/lib/components/ui/dropdown-menu/index.ts
View file

@ -1,4 +1,4 @@
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import {DropdownMenu as DropdownMenuPrimitive} from "bits-ui";
import Item from "./dropdown-menu-item.svelte"; import Item from "./dropdown-menu-item.svelte";
import Label from "./dropdown-menu-label.svelte"; import Label from "./dropdown-menu-label.svelte";
import Content from "./dropdown-menu-content.svelte"; import Content from "./dropdown-menu-content.svelte";

2
src/lib/components/ui/form/form-button.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import * as Button from "$lib/components/ui/button/index.js"; import * as Button from '$lib/components/ui/button/index.js';
type $$Props = Button.Props; type $$Props = Button.Props;
type $$Events = Button.Events; type $$Events = Button.Events;

7
src/lib/components/ui/form/form-checkbox.svelte
View file

@ -1,7 +1,8 @@
<script lang="ts"> <script lang="ts">
import { getFormField } from "formsnap"; import { getFormField } from 'formsnap';
import type { Checkbox as CheckboxPrimitive } from "bits-ui"; import type { Checkbox as CheckboxPrimitive } from 'bits-ui';
import { Checkbox } from "$lib/components/ui/checkbox"; import { Checkbox } from '$lib/components/ui/checkbox';
type $$Props = CheckboxPrimitive.Props; type $$Props = CheckboxPrimitive.Props;
type $$Events = CheckboxPrimitive.Events; type $$Events = CheckboxPrimitive.Events;

5
src/lib/components/ui/form/form-description.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import * as FormPrimitive from "formsnap"; import type { HTMLAttributes } from 'svelte/elements';
import type { HTMLAttributes } from "svelte/elements"; import { cn } from '$lib/utils.js';
import { cn } from "$lib/utils.js";
type $$Props = HTMLAttributes<HTMLSpanElement>; type $$Props = HTMLAttributes<HTMLSpanElement>;
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;

3
src/lib/components/ui/form/form-element-field.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts" context="module"> <script lang="ts" context="module">
import type { FormPathLeaves, SuperForm } from "sveltekit-superforms"; import type { FormPathLeaves, SuperForm } from 'sveltekit-superforms';
type T = Record<string, unknown>; type T = Record<string, unknown>;
type U = FormPathLeaves<T>; type U = FormPathLeaves<T>;
</script> </script>

4
src/lib/components/ui/form/form-field-errors.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import * as FormPrimitive from "formsnap"; import * as FormPrimitive from 'formsnap';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = FormPrimitive.FieldErrorsProps & { type $$Props = FormPrimitive.FieldErrorsProps & {
errorClasses?: string | undefined | null; errorClasses?: string | undefined | null;

3
src/lib/components/ui/form/form-field.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts" context="module"> <script lang="ts" context="module">
import type { FormPath, SuperForm } from "sveltekit-superforms"; import type { FormPath, SuperForm } from 'sveltekit-superforms';
type T = Record<string, unknown>; type T = Record<string, unknown>;
type U = FormPath<T>; type U = FormPath<T>;
</script> </script>

3
src/lib/components/ui/form/form-fieldset.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts" context="module"> <script lang="ts" context="module">
import type { FormPath, SuperForm } from "sveltekit-superforms"; import type { FormPath, SuperForm } from 'sveltekit-superforms';
type T = Record<string, unknown>; type T = Record<string, unknown>;
type U = FormPath<T>; type U = FormPath<T>;
</script> </script>

6
src/lib/components/ui/form/form-input.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { getFormField } from "formsnap"; import { getFormField } from 'formsnap';
import type { HTMLInputAttributes } from "svelte/elements"; import type { HTMLInputAttributes } from 'svelte/elements';
import { Input, type InputEvents } from "$lib/components/ui/input"; import { Input, type InputEvents } from '$lib/components/ui/input';
type $$Props = HTMLInputAttributes; type $$Props = HTMLInputAttributes;
type $$Events = InputEvents; type $$Events = InputEvents;

4
src/lib/components/ui/form/form-item.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils"; import { cn } from '$lib/utils';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLDivElement>; type $$Props = HTMLAttributes<HTMLDivElement>;
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;

8
src/lib/components/ui/form/form-label.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import type { Label as LabelPrimitive } from "bits-ui"; import type { Label as LabelPrimitive } from 'bits-ui';
import { getFormControl } from "formsnap"; import { getFormControl } from 'formsnap';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
import { Label } from "$lib/components/ui/label/index.js"; import { Label } from '$lib/components/ui/label/index.js';
type $$Props = LabelPrimitive.Props; type $$Props = LabelPrimitive.Props;

4
src/lib/components/ui/form/form-legend.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import * as FormPrimitive from "formsnap"; import * as FormPrimitive from 'formsnap';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = FormPrimitive.LegendProps; type $$Props = FormPrimitive.LegendProps;

9
src/lib/components/ui/form/form-native-select.svelte
View file

@ -1,9 +1,8 @@
<script lang="ts"> <script lang="ts">
import { Form as FormPrimitive } from "formsnap"; import { buttonVariants } from '$lib/components/ui/button';
import { buttonVariants } from "$lib/components/ui/button"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils"; import { ChevronDown } from 'lucide-svelte';
import { ChevronDown } from "lucide-svelte"; import type { HTMLSelectAttributes } from 'svelte/elements';
import type { HTMLSelectAttributes } from "svelte/elements";
type $$Props = HTMLSelectAttributes; type $$Props = HTMLSelectAttributes;

5
src/lib/components/ui/form/form-radio-group.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import { getFormField } from "formsnap"; import { getFormField } from 'formsnap';
import type { RadioGroup as RadioGroupPrimitive } from "bits-ui"; import type { RadioGroup as RadioGroupPrimitive } from 'bits-ui';
import * as RadioGroup from "$lib/components/ui/radio-group";
type $$Props = RadioGroupPrimitive.Props; type $$Props = RadioGroupPrimitive.Props;
const { attrStore, setValue, name, value } = getFormField(); const { attrStore, setValue, name, value } = getFormField();

5
src/lib/components/ui/form/form-select-trigger.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import * as Select from "$lib/components/ui/select"; import type { Select as SelectPrimitive } from 'bits-ui';
import type { Select as SelectPrimitive } from "bits-ui"; import { getFormField } from 'formsnap';
import { getFormField } from "formsnap";
type $$Props = SelectPrimitive.TriggerProps & { type $$Props = SelectPrimitive.TriggerProps & {
placeholder?: string; placeholder?: string;

5
src/lib/components/ui/form/form-select.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import * as Select from "$lib/components/ui/select"; import { getFormField } from 'formsnap';
import { getFormField } from "formsnap"; import type { Select as SelectPrimitive } from 'bits-ui';
import type { Select as SelectPrimitive } from "bits-ui";
type $$Props = SelectPrimitive.Props<unknown>; type $$Props = SelectPrimitive.Props<unknown>;
const { setValue, name, value } = getFormField(); const { setValue, name, value } = getFormField();

7
src/lib/components/ui/form/form-switch.svelte
View file

@ -1,7 +1,8 @@
<script lang="ts"> <script lang="ts">
import { getFormField } from "formsnap"; import { getFormField } from 'formsnap';
import type { Switch as SwitchPrimitive } from "bits-ui"; import type { Switch as SwitchPrimitive } from 'bits-ui';
import { Switch } from "$lib/components/ui/switch"; import { Switch } from '$lib/components/ui/switch';
type $$Props = SwitchPrimitive.Props; type $$Props = SwitchPrimitive.Props;
type $$Events = SwitchPrimitive.Events; type $$Events = SwitchPrimitive.Events;

8
src/lib/components/ui/form/form-textarea.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import { getFormField } from "formsnap"; import { getFormField } from 'formsnap';
import type { HTMLTextareaAttributes } from "svelte/elements"; import type { HTMLTextareaAttributes } from 'svelte/elements';
import type { TextareaGetFormField } from "."; import type { TextareaGetFormField } from '.';
import { Textarea, type TextareaEvents } from "$lib/components/ui/textarea"; import { Textarea, type TextareaEvents } from '$lib/components/ui/textarea';
type $$Props = HTMLTextareaAttributes; type $$Props = HTMLTextareaAttributes;
type $$Events = TextareaEvents; type $$Events = TextareaEvents;

5
src/lib/components/ui/form/form-validation.svelte
View file

@ -1,7 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Form as FormPrimitive } from "formsnap"; import { cn } from '$lib/utils';
import { cn } from "$lib/utils"; import type { HTMLAttributes } from 'svelte/elements';
import type { HTMLAttributes } from "svelte/elements";
type $$Props = HTMLAttributes<HTMLParagraphElement>; type $$Props = HTMLAttributes<HTMLParagraphElement>;
let className: string | undefined | null = undefined; let className: string | undefined | null = undefined;

6
src/lib/components/ui/input/input.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import type { HTMLInputAttributes } from "svelte/elements"; import type { HTMLInputAttributes } from 'svelte/elements';
import type { InputEvents } from "./index.js"; import type { InputEvents } from './index.js';
import { cn } from "$lib/utils/ui.js"; import { cn } from '$lib/utils/ui.js';
type $$Props = HTMLInputAttributes; type $$Props = HTMLInputAttributes;
type $$Events = InputEvents; type $$Events = InputEvents;

4
src/lib/components/ui/label/label.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { Label as LabelPrimitive } from "bits-ui"; import { Label as LabelPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = LabelPrimitive.Props; type $$Props = LabelPrimitive.Props;
type $$Events = LabelPrimitive.Events; type $$Events = LabelPrimitive.Events;

1
src/lib/components/ui/pagination/index.ts
View file

@ -5,6 +5,7 @@ import Link from "./pagination-link.svelte";
import PrevButton from "./pagination-prev-button.svelte"; import PrevButton from "./pagination-prev-button.svelte";
import NextButton from "./pagination-next-button.svelte"; import NextButton from "./pagination-next-button.svelte";
import Ellipsis from "./pagination-ellipsis.svelte"; import Ellipsis from "./pagination-ellipsis.svelte";
export { export {
Root, Root,
Content, Content,

4
src/lib/components/ui/pagination/pagination-content.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLUListElement>; type $$Props = HTMLAttributes<HTMLUListElement>;

6
src/lib/components/ui/pagination/pagination-ellipsis.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import Ellipsis from "lucide-svelte/icons/ellipsis"; import Ellipsis from 'lucide-svelte/icons/ellipsis';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLSpanElement>; type $$Props = HTMLAttributes<HTMLSpanElement>;

4
src/lib/components/ui/pagination/pagination-item.svelte
View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLLIElement>; type $$Props = HTMLAttributes<HTMLLIElement>;
let className: $$Props["class"] = undefined; let className: $$Props["class"] = undefined;

6
src/lib/components/ui/pagination/pagination-link.svelte
View file

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { Pagination as PaginationPrimitive } from "bits-ui"; import { Pagination as PaginationPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
import { buttonVariants, type Props } from "$lib/components/ui/button/index.js"; import { buttonVariants, type Props } from '$lib/components/ui/button/index.js';
type $$Props = PaginationPrimitive.PageProps & type $$Props = PaginationPrimitive.PageProps &
Props & { Props & {

8
src/lib/components/ui/pagination/pagination-next-button.svelte
View file

@ -1,8 +1,8 @@
<script lang="ts"> <script lang="ts">
import { Pagination as PaginationPrimitive } from "bits-ui"; import { Pagination as PaginationPrimitive } from 'bits-ui';
import ChevronRight from "lucide-svelte/icons/chevron-right"; import ChevronRight from 'lucide-svelte/icons/chevron-right';
import { Button } from "$lib/components/ui/button/index.js"; import { Button } from '$lib/components/ui/button/index.js';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = PaginationPrimitive.NextButtonProps; type $$Props = PaginationPrimitive.NextButtonProps;
type $$Events = PaginationPrimitive.NextButtonEvents; type $$Events = PaginationPrimitive.NextButtonEvents;

Some files were not shown because too many files have changed in this diff Show more