youwen5/site
1
0
Fork 0
mirror of https://github.com/youwen5/site.git synced 2024-11-24 17:33:51 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: run prettier on all files

Browse source
This commit is contained in:
Youwen Wu 2024-04-23 08:39:06 -07:00
parent 60d9d48bdc
commit 357e46dc00
Signed by: youwen5
GPG key ID: 865658ED1FE61EC3
35 changed files with 188 additions and 190 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/lib/components/ui/accordion/accordion-content.svelte
View file

@ -1,21 +1,21 @@
<script lang="ts"> <script lang="ts">
import { Accordion as AccordionPrimitive } from "bits-ui"; import { Accordion as AccordionPrimitive } from 'bits-ui';
import { slide } from "svelte/transition"; import { slide } from 'svelte/transition';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AccordionPrimitive.ContentProps; type $$Props = AccordionPrimitive.ContentProps;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let transition: $$Props["transition"] = slide; export let transition: $$Props['transition'] = slide;
export let transitionConfig: $$Props["transitionConfig"] = { export let transitionConfig: $$Props['transitionConfig'] = {
duration: 200, duration: 200
}; };
export { className as class }; export { className as class };
</script> </script>
<AccordionPrimitive.Content <AccordionPrimitive.Content
class={cn("overflow-hidden text-sm", className)} class={cn('overflow-hidden text-sm', className)}
{transition} {transition}
{transitionConfig} {transitionConfig}
{...$$restProps} {...$$restProps}

10
src/lib/components/ui/accordion/accordion-item.svelte
View file

@ -1,14 +1,14 @@
<script lang="ts"> <script lang="ts">
import { Accordion as AccordionPrimitive } from "bits-ui"; import { Accordion as AccordionPrimitive } from 'bits-ui';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AccordionPrimitive.ItemProps; type $$Props = AccordionPrimitive.ItemProps;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
export let value: $$Props["value"]; export let value: $$Props['value'];
</script> </script>
<AccordionPrimitive.Item {value} class={cn("border-b", className)} {...$$restProps}> <AccordionPrimitive.Item {value} class={cn('border-b', className)} {...$$restProps}>
<slot /> <slot />
</AccordionPrimitive.Item> </AccordionPrimitive.Item>

16
src/lib/components/ui/accordion/accordion-trigger.svelte
View file

@ -1,28 +1,26 @@
<script lang="ts"> <script lang="ts">
import { Accordion as AccordionPrimitive } from "bits-ui"; import { Accordion as AccordionPrimitive } from 'bits-ui';
import ChevronDown from "svelte-radix/ChevronDown.svelte"; import ChevronDown from 'svelte-radix/ChevronDown.svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = AccordionPrimitive.TriggerProps; type $$Props = AccordionPrimitive.TriggerProps;
type $$Events = AccordionPrimitive.TriggerEvents; type $$Events = AccordionPrimitive.TriggerEvents;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let level: AccordionPrimitive.HeaderProps["level"] = 3; export let level: AccordionPrimitive.HeaderProps['level'] = 3;
export { className as class }; export { className as class };
</script> </script>
<AccordionPrimitive.Header {level} class="flex"> <AccordionPrimitive.Header {level} class="flex">
<AccordionPrimitive.Trigger <AccordionPrimitive.Trigger
class={cn( class={cn(
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", 'flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',
className className
)} )}
{...$$restProps} {...$$restProps}
on:click on:click
> >
<slot /> <slot />
<ChevronDown <ChevronDown class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
class="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200"
/>
</AccordionPrimitive.Trigger> </AccordionPrimitive.Trigger>
</AccordionPrimitive.Header> </AccordionPrimitive.Header>

10
src/lib/components/ui/accordion/index.ts
View file

@ -1,7 +1,7 @@
import { Accordion as AccordionPrimitive } from "bits-ui"; import { Accordion as AccordionPrimitive } from 'bits-ui';
import Content from "./accordion-content.svelte"; import Content from './accordion-content.svelte';
import Item from "./accordion-item.svelte"; import Item from './accordion-item.svelte';
import Trigger from "./accordion-trigger.svelte"; import Trigger from './accordion-trigger.svelte';
const Root = AccordionPrimitive.Root; const Root = AccordionPrimitive.Root;
export { export {
@ -13,5 +13,5 @@ export {
Root as Accordion, Root as Accordion,
Content as AccordionContent, Content as AccordionContent,
Item as AccordionItem, Item as AccordionItem,
Trigger as AccordionTrigger, Trigger as AccordionTrigger
}; };

12
src/lib/components/ui/breadcrumb/breadcrumb-ellipsis.svelte
View file

@ -1,14 +1,14 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
import DotsHorizontal from "svelte-radix/DotsHorizontal.svelte"; import DotsHorizontal from 'svelte-radix/DotsHorizontal.svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLAttributes<HTMLSpanElement> & { type $$Props = HTMLAttributes<HTMLSpanElement> & {
el?: HTMLSpanElement; el?: HTMLSpanElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
@ -16,7 +16,7 @@
bind:this={el} bind:this={el}
role="presentation" role="presentation"
aria-hidden="true" aria-hidden="true"
class={cn("flex h-9 w-9 items-center justify-center", className)} class={cn('flex h-9 w-9 items-center justify-center', className)}
{...$$restProps} {...$$restProps}
> >
<DotsHorizontal class="h-4 w-4 outline-none" tabindex="-1" /> <DotsHorizontal class="h-4 w-4 outline-none" tabindex="-1" />

10
src/lib/components/ui/breadcrumb/breadcrumb-item.svelte
View file

@ -1,16 +1,16 @@
<script lang="ts"> <script lang="ts">
import type { HTMLLiAttributes } from "svelte/elements"; import type { HTMLLiAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLLiAttributes & { type $$Props = HTMLLiAttributes & {
el?: HTMLLIElement; el?: HTMLLIElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<li bind:this={el} class={cn("inline-flex items-center gap-1.5", className)}> <li bind:this={el} class={cn('inline-flex items-center gap-1.5', className)}>
<slot /> <slot />
</li> </li>

16
src/lib/components/ui/breadcrumb/breadcrumb-link.svelte
View file

@ -1,24 +1,24 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAnchorAttributes } from "svelte/elements"; import type { HTMLAnchorAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLAnchorAttributes & { type $$Props = HTMLAnchorAttributes & {
el?: HTMLAnchorElement; el?: HTMLAnchorElement;
asChild?: boolean; asChild?: boolean;
}; };
export let href: $$Props["href"] = undefined; export let href: $$Props['href'] = undefined;
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
export let asChild: $$Props["asChild"] = false; export let asChild: $$Props['asChild'] = false;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
let attrs: Record<string, unknown>; let attrs: Record<string, unknown>;
$: attrs = { $: attrs = {
class: cn("transition-colors hover:text-foreground", className), class: cn('transition-colors hover:text-foreground', className),
href, href,
...$$restProps, ...$$restProps
}; };
</script> </script>

10
src/lib/components/ui/breadcrumb/breadcrumb-list.svelte
View file

@ -1,20 +1,20 @@
<script lang="ts"> <script lang="ts">
import type { HTMLOlAttributes } from "svelte/elements"; import type { HTMLOlAttributes } from 'svelte/elements';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLOlAttributes & { type $$Props = HTMLOlAttributes & {
el?: HTMLOListElement; el?: HTMLOListElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<ol <ol
bind:this={el} bind:this={el}
class={cn( class={cn(
"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5", 'flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5',
className className
)} )}
{...$$restProps} {...$$restProps}

10
src/lib/components/ui/breadcrumb/breadcrumb-page.svelte
View file

@ -1,13 +1,13 @@
<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> & {
el?: HTMLSpanElement; el?: HTMLSpanElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
export let className: $$Props["class"] = undefined; export let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
@ -16,7 +16,7 @@
role="link" role="link"
aria-disabled="true" aria-disabled="true"
aria-current="page" aria-current="page"
class={cn("font-normal text-foreground", className)} class={cn('font-normal text-foreground', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

12
src/lib/components/ui/breadcrumb/breadcrumb-separator.svelte
View file

@ -1,21 +1,21 @@
<script lang="ts"> <script lang="ts">
import type { HTMLLiAttributes } from "svelte/elements"; import type { HTMLLiAttributes } from 'svelte/elements';
import ChevronRight from "svelte-radix/ChevronRight.svelte"; import ChevronRight from 'svelte-radix/ChevronRight.svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = HTMLLiAttributes & { type $$Props = HTMLLiAttributes & {
el?: HTMLLIElement; el?: HTMLLIElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<li <li
role="presentation" role="presentation"
aria-hidden="true" aria-hidden="true"
class={cn("[&>svg]:size-3.5", className)} class={cn('[&>svg]:size-3.5', className)}
bind:this={el} bind:this={el}
{...$$restProps} {...$$restProps}
> >

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

@ -1,12 +1,12 @@
<script lang="ts"> <script lang="ts">
import type { HTMLAttributes } from "svelte/elements"; import type { HTMLAttributes } from 'svelte/elements';
type $$Props = HTMLAttributes<HTMLElement> & { type $$Props = HTMLAttributes<HTMLElement> & {
el?: HTMLElement; el?: HTMLElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>

16
src/lib/components/ui/breadcrumb/index.ts
View file

@ -1,10 +1,10 @@
import Root from "./breadcrumb.svelte"; import Root from './breadcrumb.svelte';
import Ellipsis from "./breadcrumb-ellipsis.svelte"; import Ellipsis from './breadcrumb-ellipsis.svelte';
import Item from "./breadcrumb-item.svelte"; import Item from './breadcrumb-item.svelte';
import Separator from "./breadcrumb-separator.svelte"; import Separator from './breadcrumb-separator.svelte';
import Link from "./breadcrumb-link.svelte"; import Link from './breadcrumb-link.svelte';
import List from "./breadcrumb-list.svelte"; import List from './breadcrumb-list.svelte';
import Page from "./breadcrumb-page.svelte"; import Page from './breadcrumb-page.svelte';
export { export {
Root, Root,
@ -21,5 +21,5 @@ export {
Separator as BreadcrumbSeparator, Separator as BreadcrumbSeparator,
Link as BreadcrumbLink, Link as BreadcrumbLink,
List as BreadcrumbList, List as BreadcrumbList,
Page as BreadcrumbPage, Page as BreadcrumbPage
}; };

10
src/lib/components/ui/drawer/drawer-content.svelte
View file

@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
import DrawerOverlay from "./drawer-overlay.svelte"; import DrawerOverlay from './drawer-overlay.svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DrawerPrimitive.ContentProps; type $$Props = DrawerPrimitive.ContentProps;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
@ -13,7 +13,7 @@
<DrawerOverlay /> <DrawerOverlay />
<DrawerPrimitive.Content <DrawerPrimitive.Content
class={cn( class={cn(
"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background", 'fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background',
className className
)} )}
{...$$restProps} {...$$restProps}

10
src/lib/components/ui/drawer/drawer-description.svelte
View file

@ -1,17 +1,17 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DrawerPrimitive.DescriptionProps; type $$Props = DrawerPrimitive.DescriptionProps;
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DrawerPrimitive.Description <DrawerPrimitive.Description
bind:el bind:el
class={cn("text-sm text-muted-foreground", className)} class={cn('text-sm text-muted-foreground', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

10
src/lib/components/ui/drawer/drawer-footer.svelte
View file

@ -1,16 +1,16 @@
<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> & {
el?: HTMLDivElement; el?: HTMLDivElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<div bind:this={el} class={cn("mt-auto flex flex-col gap-2 p-4", className)} {...$$restProps}> <div bind:this={el} class={cn('mt-auto flex flex-col gap-2 p-4', className)} {...$$restProps}>
<slot /> <slot />
</div> </div>

10
src/lib/components/ui/drawer/drawer-header.svelte
View file

@ -1,18 +1,18 @@
<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> & {
el?: HTMLDivElement; el?: HTMLDivElement;
}; };
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<div <div
bind:this={el} bind:this={el}
class={cn("grid gap-1.5 p-4 text-center sm:text-left", className)} class={cn('grid gap-1.5 p-4 text-center sm:text-left', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

8
src/lib/components/ui/drawer/drawer-nested.svelte
View file

@ -1,10 +1,10 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
type $$Props = DrawerPrimitive.Props; type $$Props = DrawerPrimitive.Props;
export let shouldScaleBackground: $$Props["shouldScaleBackground"] = true; export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true;
export let open: $$Props["open"] = false; export let open: $$Props['open'] = false;
export let activeSnapPoint: $$Props["activeSnapPoint"] = undefined; export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined;
</script> </script>
<DrawerPrimitive.NestedRoot {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}> <DrawerPrimitive.NestedRoot {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}>

10
src/lib/components/ui/drawer/drawer-overlay.svelte
View file

@ -1,17 +1,17 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DrawerPrimitive.OverlayProps; type $$Props = DrawerPrimitive.OverlayProps;
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DrawerPrimitive.Overlay <DrawerPrimitive.Overlay
bind:el bind:el
class={cn("fixed inset-0 z-50 bg-black/80", className)} class={cn('fixed inset-0 z-50 bg-black/80', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

10
src/lib/components/ui/drawer/drawer-title.svelte
View file

@ -1,17 +1,17 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DrawerPrimitive.TitleProps; type $$Props = DrawerPrimitive.TitleProps;
export let el: $$Props["el"] = undefined; export let el: $$Props['el'] = undefined;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DrawerPrimitive.Title <DrawerPrimitive.Title
bind:el bind:el
class={cn("text-lg font-semibold leading-none tracking-tight", className)} class={cn('text-lg font-semibold leading-none tracking-tight', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

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

@ -1,10 +1,10 @@
<script lang="ts"> <script lang="ts">
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
type $$Props = DrawerPrimitive.Props; type $$Props = DrawerPrimitive.Props;
export let shouldScaleBackground: $$Props["shouldScaleBackground"] = true; export let shouldScaleBackground: $$Props['shouldScaleBackground'] = true;
export let open: $$Props["open"] = false; export let open: $$Props['open'] = false;
export let activeSnapPoint: $$Props["activeSnapPoint"] = undefined; export let activeSnapPoint: $$Props['activeSnapPoint'] = undefined;
</script> </script>
<DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}> <DrawerPrimitive.Root {shouldScaleBackground} bind:open bind:activeSnapPoint {...$$restProps}>

20
src/lib/components/ui/drawer/index.ts
View file

@ -1,13 +1,13 @@
import { Drawer as DrawerPrimitive } from "vaul-svelte"; import { Drawer as DrawerPrimitive } from 'vaul-svelte';
import Root from "./drawer.svelte"; import Root from './drawer.svelte';
import Content from "./drawer-content.svelte"; import Content from './drawer-content.svelte';
import Description from "./drawer-description.svelte"; import Description from './drawer-description.svelte';
import Overlay from "./drawer-overlay.svelte"; import Overlay from './drawer-overlay.svelte';
import Footer from "./drawer-footer.svelte"; import Footer from './drawer-footer.svelte';
import Header from "./drawer-header.svelte"; import Header from './drawer-header.svelte';
import Title from "./drawer-title.svelte"; import Title from './drawer-title.svelte';
import NestedRoot from "./drawer-nested.svelte"; import NestedRoot from './drawer-nested.svelte';
const Trigger = DrawerPrimitive.Trigger; const Trigger = DrawerPrimitive.Trigger;
const Portal = DrawerPrimitive.Portal; const Portal = DrawerPrimitive.Portal;
@ -36,5 +36,5 @@ export {
Title as DrawerTitle, Title as DrawerTitle,
Trigger as DrawerTrigger, Trigger as DrawerTrigger,
Portal as DrawerPortal, Portal as DrawerPortal,
Close as DrawerClose, Close as DrawerClose
}; };

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

@ -1,20 +1,20 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import Check from "svelte-radix/Check.svelte"; import Check from 'svelte-radix/Check.svelte';
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;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let checked: $$Props["checked"] = undefined; export let checked: $$Props['checked'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.CheckboxItem <DropdownMenuPrimitive.CheckboxItem
bind:checked bind:checked
class={cn( class={cn(
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50", 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
className className
)} )}
{...$$restProps} {...$$restProps}

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

@ -1,13 +1,13 @@
<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;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let sideOffset: $$Props["sideOffset"] = 4; export let sideOffset: $$Props['sideOffset'] = 4;
export let transition: $$Props["transition"] = flyAndScale; export let transition: $$Props['transition'] = flyAndScale;
export let transitionConfig: $$Props["transitionConfig"] = undefined; export let transitionConfig: $$Props['transitionConfig'] = undefined;
export { className as class }; export { className as class };
</script> </script>
@ -16,7 +16,7 @@
{transitionConfig} {transitionConfig}
{sideOffset} {sideOffset}
class={cn( class={cn(
"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none", 'z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-md focus:outline-none',
className className
)} )}
{...$$restProps} {...$$restProps}

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

@ -1,21 +1,21 @@
<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;
}; };
type $$Events = DropdownMenuPrimitive.ItemEvents; type $$Events = DropdownMenuPrimitive.ItemEvents;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let inset: $$Props["inset"] = undefined; export let inset: $$Props['inset'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.Item <DropdownMenuPrimitive.Item
class={cn( class={cn(
"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50", 'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
inset && "pl-8", inset && 'pl-8',
className className
)} )}
on:click on:click

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

@ -1,18 +1,18 @@
<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;
}; };
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let inset: $$Props["inset"] = undefined; export let inset: $$Props['inset'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.Label <DropdownMenuPrimitive.Label
class={cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className)} class={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}
{...$$restProps} {...$$restProps}
> >
<slot /> <slot />

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

@ -1,9 +1,9 @@
<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;
export let value: $$Props["value"] = undefined; export let value: $$Props['value'] = undefined;
</script> </script>
<DropdownMenuPrimitive.RadioGroup {...$$restProps} bind:value> <DropdownMenuPrimitive.RadioGroup {...$$restProps} bind:value>

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

@ -1,19 +1,19 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import DotFilled from "svelte-radix/DotFilled.svelte"; import DotFilled from 'svelte-radix/DotFilled.svelte';
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;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let value: DropdownMenuPrimitive.RadioItemProps["value"]; export let value: DropdownMenuPrimitive.RadioItemProps['value'];
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.RadioItem <DropdownMenuPrimitive.RadioItem
class={cn( class={cn(
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50", 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
className className
)} )}
{value} {value}

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

@ -1,14 +1,14 @@
<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;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.Separator <DropdownMenuPrimitive.Separator
class={cn("-mx-1 my-1 h-px bg-muted", className)} class={cn('-mx-1 my-1 h-px bg-muted', className)}
{...$$restProps} {...$$restProps}
/> />

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

@ -1,13 +1,13 @@
<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>;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<span class={cn("ml-auto text-xs tracking-widest opacity-60", className)} {...$$restProps}> <span class={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...$$restProps}>
<slot /> <slot />
</span> </span>

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

@ -1,14 +1,14 @@
<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;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let transition: $$Props["transition"] = flyAndScale; export let transition: $$Props['transition'] = flyAndScale;
export let transitionConfig: $$Props["transitionConfig"] = { export let transitionConfig: $$Props['transitionConfig'] = {
x: -10, x: -10,
y: 0, y: 0
}; };
export { className as class }; export { className as class };
</script> </script>
@ -17,7 +17,7 @@
{transition} {transition}
{transitionConfig} {transitionConfig}
class={cn( class={cn(
"z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-lg focus:outline-none", 'z-50 min-w-[8rem] rounded-md border bg-popover p-1 text-popover-foreground shadow-lg focus:outline-none',
className className
)} )}
{...$$restProps} {...$$restProps}

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

@ -1,22 +1,22 @@
<script lang="ts"> <script lang="ts">
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui"; import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
import ChevronRight from "svelte-radix/ChevronRight.svelte"; import ChevronRight from 'svelte-radix/ChevronRight.svelte';
import { cn } from "$lib/utils.js"; import { cn } from '$lib/utils.js';
type $$Props = DropdownMenuPrimitive.SubTriggerProps & { type $$Props = DropdownMenuPrimitive.SubTriggerProps & {
inset?: boolean; inset?: boolean;
}; };
type $$Events = DropdownMenuPrimitive.SubTriggerEvents; type $$Events = DropdownMenuPrimitive.SubTriggerEvents;
let className: $$Props["class"] = undefined; let className: $$Props['class'] = undefined;
export let inset: $$Props["inset"] = undefined; export let inset: $$Props['inset'] = undefined;
export { className as class }; export { className as class };
</script> </script>
<DropdownMenuPrimitive.SubTrigger <DropdownMenuPrimitive.SubTrigger
class={cn( class={cn(
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground", 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground',
inset && "pl-8", inset && 'pl-8',
className className
)} )}
{...$$restProps} {...$$restProps}

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

@ -1,14 +1,14 @@
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';
import Shortcut from "./dropdown-menu-shortcut.svelte"; import Shortcut from './dropdown-menu-shortcut.svelte';
import RadioItem from "./dropdown-menu-radio-item.svelte"; import RadioItem from './dropdown-menu-radio-item.svelte';
import Separator from "./dropdown-menu-separator.svelte"; import Separator from './dropdown-menu-separator.svelte';
import RadioGroup from "./dropdown-menu-radio-group.svelte"; import RadioGroup from './dropdown-menu-radio-group.svelte';
import SubContent from "./dropdown-menu-sub-content.svelte"; import SubContent from './dropdown-menu-sub-content.svelte';
import SubTrigger from "./dropdown-menu-sub-trigger.svelte"; import SubTrigger from './dropdown-menu-sub-trigger.svelte';
import CheckboxItem from "./dropdown-menu-checkbox-item.svelte"; import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
const Sub = DropdownMenuPrimitive.Sub; const Sub = DropdownMenuPrimitive.Sub;
const Root = DropdownMenuPrimitive.Root; const Root = DropdownMenuPrimitive.Root;
@ -44,5 +44,5 @@ export {
RadioGroup as DropdownMenuRadioGroup, RadioGroup as DropdownMenuRadioGroup,
SubContent as DropdownMenuSubContent, SubContent as DropdownMenuSubContent,
SubTrigger as DropdownMenuSubTrigger, SubTrigger as DropdownMenuSubTrigger,
CheckboxItem as DropdownMenuCheckboxItem, CheckboxItem as DropdownMenuCheckboxItem
}; };