kunkun/packages/ui/src/components/custom/draggable-command-group.svelte
Huakun Shen be07e16b36
perf: reduce desktop frontend bundle from 10 to 2MB
Use shiki fine-grained bundle, avoid bundling all languages and themes
2024-11-04 16:08:23 -05:00

31 lines
676 B
Svelte

<script lang="ts">
import { cn } from "@kksh/ui/utils"
import { Command as CommandPrimitive } from "bits-ui"
let {
ref = $bindable(null),
class: className,
children,
heading,
...restProps
}: CommandPrimitive.GroupProps & {
heading?: string
} = $props()
</script>
<CommandPrimitive.Group
class={cn("text-foreground select-none overflow-hidden p-1", className)}
bind:ref
{...restProps}
>
{#if heading}
<CommandPrimitive.GroupHeading
data-tauri-drag-region
class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
>
{heading}
</CommandPrimitive.GroupHeading>
{/if}
<CommandPrimitive.GroupItems {children} />
</CommandPrimitive.Group>