@svadmin/ui 0.38.2 → 0.38.7

package/dist/components/profile/ProjectsGrid.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
-  import { t } from '@svadmin/core/i18n';
+  import { useTranslation } from '@svadmin/core/i18n';
   import * as Card from '../ui/card/index.js';
   import { Badge } from '../ui/badge/index.js';
   import { Button } from '../ui/button/index.js';
   import { Users, CheckCircle2, ArrowRight } from '@lucide/svelte';
 
+  const i18n = useTranslation();
+
   interface Project {
     id: string;
     name: string;
@@ -38,14 +40,14 @@
 <div class="space-y-4">
   <div class="flex items-center justify-between">
     <h3 class="text-lg font-semibold text-foreground">
-      {columns === 2 ? t('publicProfile.projects2Col') : t('publicProfile.projects3Col')}
+      {columns === 2 ? i18n.t('publicProfile.projects2Col') : i18n.t('publicProfile.projects3Col')}
     </h3>
     <Badge variant="secondary">{projects.length}</Badge>
   </div>
 
   {#if projects.length === 0}
     <div class="rounded-xl border border-dashed border-border/60 p-8 text-center">
-      <p class="text-sm text-muted-foreground">{t('publicProfile.noProjects')}</p>
+      <p class="text-sm text-muted-foreground">{i18n.t('publicProfile.noProjects')}</p>
     </div>
   {:else}
     <div class="grid gap-4 sm:grid-cols-1 md:grid-cols-2 {gridCols}">
@@ -76,8 +78,8 @@
 
             <div class="flex items-center justify-between pt-2 border-t">
               <div class="flex items-center gap-3 text-xs text-muted-foreground">
-                <span class="flex items-center gap-1"><Users class="h-3 w-3" />{t('publicProfile.projectMembers', { count: project.members })}</span>
-                <span class="flex items-center gap-1"><CheckCircle2 class="h-3 w-3" />{t('publicProfile.projectTasks', { count: project.tasks })}</span>
+                <span class="flex items-center gap-1"><Users class="h-3 w-3" />{i18n.t('publicProfile.projectMembers', { count: project.members })}</span>
+                <span class="flex items-center gap-1"><CheckCircle2 class="h-3 w-3" />{i18n.t('publicProfile.projectTasks', { count: project.tasks })}</span>
               </div>
               <Button variant="ghost" size="icon-sm">
                 <ArrowRight class="h-3.5 w-3.5" />

package/dist/components/profile/PublicProfilePage.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { t } from '@svadmin/core/i18n';
+  import { useTranslation } from '@svadmin/core/i18n';
   import * as Card from '../ui/card/index.js';
   import { Button } from '../ui/button/index.js';
   import { Badge } from '../ui/badge/index.js';
@@ -9,6 +9,8 @@
   import TeamsShowcase from './TeamsShowcase.svelte';
   import { MapPin, Link, Calendar, MoreHorizontal } from '@lucide/svelte';
 
+  const i18n = useTranslation();
+
   type ProfileVariant = 'default' | 'company' | 'gamer';
   type ProfileTab = 'projects' | 'activity' | 'teams';
 
@@ -35,9 +37,9 @@
         followers: 8420,
         following: 312,
         stats: [
-          { label: t('profile.employees'), value: '1,250' },
-          { label: t('publicProfile.projects'), value: '48' },
-          { label: t('publicProfile.teams'), value: '12' },
+          { label: i18n.t('profile.employees'), value: '1,250' },
+          { label: i18n.t('publicProfile.projects'), value: '48' },
+          { label: i18n.t('publicProfile.teams'), value: '12' },
         ],
         tags: ['SaaS', 'Enterprise', 'Cloud', 'AI'],
       };
@@ -52,9 +54,9 @@
         followers: 24600,
         following: 180,
         stats: [
-          { label: t('profile.gamesPlayed'), value: '1,284' },
-          { label: t('profile.winRate'), value: '68%' },
-          { label: t('profile.rank'), value: 'Diamond II' },
+          { label: i18n.t('profile.gamesPlayed'), value: '1,284' },
+          { label: i18n.t('profile.winRate'), value: '68%' },
+          { label: i18n.t('profile.rank'), value: 'Diamond II' },
         ],
         tags: ['FPS', 'RPG', 'Streaming', 'Esports'],
       };
@@ -68,9 +70,9 @@
       followers: 1234,
       following: 567,
       stats: [
-        { label: t('publicProfile.projects'), value: '24' },
-        { label: t('publicProfile.followers'), value: '1.2K' },
-        { label: t('publicProfile.following'), value: '567' },
+        { label: i18n.t('publicProfile.projects'), value: '24' },
+        { label: i18n.t('publicProfile.followers'), value: '1.2K' },
+        { label: i18n.t('publicProfile.following'), value: '567' },
       ],
       tags: ['TypeScript', 'Svelte', 'Node.js', 'Open Source'],
     };
@@ -125,13 +127,13 @@
               <span class="flex items-center gap-1"><Link class="h-3.5 w-3.5" />{profileData.website}</span>
             {/if}
             {#if 'joinedDate' in profileData && profileData.joinedDate}
-              <span class="flex items-center gap-1"><Calendar class="h-3.5 w-3.5" />{t('publicProfile.joinedDate', { date: profileData.joinedDate })}</span>
+              <span class="flex items-center gap-1"><Calendar class="h-3.5 w-3.5" />{i18n.t('publicProfile.joinedDate', { date: profileData.joinedDate })}</span>
             {/if}
           </div>
         </div>
         <div class="flex gap-2 shrink-0">
-          <Button size="sm">{t('publicProfile.editProfile')}</Button>
-          <Button size="sm" variant="outline">{t('publicProfile.sendMessage')}</Button>
+          <Button size="sm">{i18n.t('publicProfile.editProfile')}</Button>
+          <Button size="sm" variant="outline">{i18n.t('publicProfile.sendMessage')}</Button>
           <Button size="sm" variant="ghost"><MoreHorizontal class="h-4 w-4" /></Button>
         </div>
       </div>
@@ -162,9 +164,9 @@
   <!-- Tabs: Projects / Activity / Teams -->
   <Tabs.Root value={activeTab}>
     <Tabs.List class="w-full justify-start border-b">
-      <Tabs.Trigger value="projects" active={activeTab === 'projects'} onclick={() => activeTab = 'projects'} class="gap-1.5">{t('publicProfile.projects')}</Tabs.Trigger>
-      <Tabs.Trigger value="activity" active={activeTab === 'activity'} onclick={() => activeTab = 'activity'} class="gap-1.5">{t('publicProfile.activity')}</Tabs.Trigger>
-      <Tabs.Trigger value="teams" active={activeTab === 'teams'} onclick={() => activeTab = 'teams'} class="gap-1.5">{t('publicProfile.teams')}</Tabs.Trigger>
+      <Tabs.Trigger value="projects" active={activeTab === 'projects'} onclick={() => activeTab = 'projects'} class="gap-1.5">{i18n.t('publicProfile.projects')}</Tabs.Trigger>
+      <Tabs.Trigger value="activity" active={activeTab === 'activity'} onclick={() => activeTab = 'activity'} class="gap-1.5">{i18n.t('publicProfile.activity')}</Tabs.Trigger>
+      <Tabs.Trigger value="teams" active={activeTab === 'teams'} onclick={() => activeTab = 'teams'} class="gap-1.5">{i18n.t('publicProfile.teams')}</Tabs.Trigger>
     </Tabs.List>
     <Tabs.Content value="projects" active={activeTab === 'projects'} class="mt-4">
       <ProjectsGrid {columns} projects={demoProjects} />

package/dist/components/profile/TeamsShowcase.svelte

@@ -1,11 +1,13 @@
 <script lang="ts">
-  import { t } from '@svadmin/core/i18n';
+  import { useTranslation } from '@svadmin/core/i18n';
   import * as Card from '../ui/card/index.js';
   import { Badge } from '../ui/badge/index.js';
   import { Button } from '../ui/button/index.js';
   import { Avatar } from '../ui/avatar/index.js';
   import { Users, ArrowRight } from '@lucide/svelte';
 
+  const i18n = useTranslation();
+
   interface TeamMember {
     name: string;
     avatar?: string;
@@ -31,11 +33,11 @@
 </script>
 
 <div class="space-y-4">
-  <h3 class="text-lg font-semibold text-foreground">{t('publicProfile.teams')}</h3>
+  <h3 class="text-lg font-semibold text-foreground">{i18n.t('publicProfile.teams')}</h3>
 
   {#if teams.length === 0}
     <div class="rounded-xl border border-dashed border-border/60 p-8 text-center">
-      <p class="text-sm text-muted-foreground">{t('publicProfile.noTeams')}</p>
+      <p class="text-sm text-muted-foreground">{i18n.t('publicProfile.noTeams')}</p>
     </div>
   {:else}
     <div class="grid gap-4 sm:grid-cols-1 md:grid-cols-2">
@@ -55,7 +57,7 @@
                 {/if}
                 <div>
                   <h4 class="font-semibold text-foreground">{team.name}</h4>
-                  <p class="text-xs text-muted-foreground">{team.totalMembers} {t('publicProfile.projectMembers', { count: team.totalMembers })}</p>
+                  <p class="text-xs text-muted-foreground">{team.totalMembers} {i18n.t('publicProfile.projectMembers', { count: team.totalMembers })}</p>
                 </div>
               </div>
               <Badge variant="secondary" class="shrink-0">
@@ -87,7 +89,7 @@
 
             <div class="pt-2 border-t">
               <Button variant="ghost" size="sm" class="w-full">
-                {t('publicProfile.viewProfile')} <ArrowRight class="h-3.5 w-3.5 ml-1" />
+                {i18n.t('publicProfile.viewProfile')} <ArrowRight class="h-3.5 w-3.5 ml-1" />
               </Button>
             </div>
           </Card.CardContent>

package/dist/components/toast-host.svelte.d.ts

@@ -0,0 +1,5 @@
+export interface ToastHostRegistration {
+    isActive(): boolean;
+    unregister(): void;
+}
+export declare function registerToastHost(): ToastHostRegistration;

package/dist/components/toast-host.svelte.js

@@ -0,0 +1,21 @@
+let hostIds = $state.raw([]);
+export function registerToastHost() {
+    if (typeof window === 'undefined') {
+        return {
+            isActive: () => false,
+            unregister: () => undefined,
+        };
+    }
+    const id = Symbol('svadmin-toast-host');
+    let registered = true;
+    hostIds = [...hostIds, id];
+    return {
+        isActive: () => hostIds[0] === id,
+        unregister: () => {
+            if (!registered)
+                return;
+            registered = false;
+            hostIds = hostIds.filter((hostId) => hostId !== id);
+        },
+    };
+}

package/dist/components/ui/command/command-dialog.svelte

@@ -1,31 +1,47 @@
 <script lang="ts">
-  import { Command } from 'cmdk-sv';
+  import { Command as CommandPrimitive, Dialog as DialogPrimitive } from 'bits-ui';
+  import Root from './command.svelte';
   import * as Dialog from '../dialog/index.js';
   import { cn } from '../../../utils.js';
   import type { Snippet } from 'svelte';
 
+  type Props = Omit<CommandPrimitive.RootProps, 'children' | 'value'> &
+    Omit<DialogPrimitive.RootProps, 'children' | 'open'> & {
+      open?: boolean;
+      value?: string;
+      class?: string;
+      children?: Snippet;
+    };
+
   let {
     open = $bindable(false),
+    value = $bindable(''),
+    onOpenChange,
+    onOpenChangeComplete,
     class: className,
     children,
-    ...restProps
-  }: {
-    open?: boolean;
-    class?: string;
-    children?: Snippet;
-    [key: string]: unknown;
-  } = $props();
+    ...commandProps
+  }: Props = $props();
 </script>
 
-<Dialog.Dialog bind:open {...restProps}>
-  <Dialog.DialogContent class="overflow-hidden p-0">
-    <Command.Root
+<Dialog.Dialog bind:open {onOpenChange} {onOpenChangeComplete}>
+  <Dialog.DialogContent
+    data-cmdk-dialog=""
+    class="overflow-hidden p-0"
+  >
+    <Dialog.DialogHeader class="sr-only">
+      <Dialog.DialogTitle>{commandProps.label || 'Command menu'}</Dialog.DialogTitle>
+      <Dialog.DialogDescription>Search for a command to run.</Dialog.DialogDescription>
+    </Dialog.DialogHeader>
+    <Root
+      bind:value
+      {...commandProps}
       class={cn(
-        "[&_[data-cmdk-group-heading]]:text-muted-foreground flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:font-medium [&_[data-cmdk-group]:not([hidden])_~[data-cmdk-group]]:pt-0 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-cmdk-input]]:h-12 [&_[data-cmdk-item]]:px-2 [&_[data-cmdk-item]]:py-3",
+        "[&_[data-command-group-heading]]:text-muted-foreground flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground [&_[data-command-group-heading]]:px-2 [&_[data-command-group-heading]]:font-medium [&_[data-command-group]:not([hidden])_~[data-command-group]]:pt-0 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[data-command-input]]:h-12 [&_[data-command-item]]:px-2 [&_[data-command-item]]:py-3",
         className
       )}
     >
       {@render children?.()}
-    </Command.Root>
+    </Root>
   </Dialog.DialogContent>
 </Dialog.Dialog>

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -1,10 +1,11 @@
+import { Command as CommandPrimitive, Dialog as DialogPrimitive } from 'bits-ui';
 import type { Snippet } from 'svelte';
-type $$ComponentProps = {
+type Props = Omit<CommandPrimitive.RootProps, 'children' | 'value'> & Omit<DialogPrimitive.RootProps, 'children' | 'open'> & {
     open?: boolean;
+    value?: string;
     class?: string;
     children?: Snippet;
-    [key: string]: unknown;
 };
-declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "open">;
+declare const CommandDialog: import("svelte").Component<Props, {}, "value" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;
 export default CommandDialog;

package/dist/components/ui/command/command-empty.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.EmptyProps = $props();
+</script>
+
+<CommandPrimitive.Empty
+	bind:ref
+	data-slot="command-empty"
+	data-cmdk-empty=""
+	class={cn("py-6 text-center text-sm", className)}
+	{...restProps}
+/>

package/dist/components/ui/command/command-empty.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Command as CommandPrimitive } from "bits-ui";
+declare const CommandEmpty: import("svelte").Component<CommandPrimitive.EmptyProps, {}, "ref">;
+type CommandEmpty = ReturnType<typeof CommandEmpty>;
+export default CommandEmpty;

package/dist/components/ui/command/command-group.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		heading,
+		value,
+		alwaysRender,
+		forceMount,
+		...restProps
+	}: CommandPrimitive.GroupProps & {
+		heading?: string;
+		alwaysRender?: boolean;
+	} = $props();
+</script>
+
+<CommandPrimitive.Group
+	bind:ref
+	data-slot="command-group"
+	data-cmdk-group=""
+	class={cn("text-foreground overflow-hidden p-1", className)}
+	value={value ?? heading}
+	forceMount={alwaysRender ?? forceMount}
+	{...restProps}
+>
+	{#if heading}
+		<CommandPrimitive.GroupHeading
+			data-slot="command-group-heading"
+			data-cmdk-group-heading=""
+			class="text-muted-foreground px-2 py-1.5 text-xs font-medium"
+		>
+			{heading}
+		</CommandPrimitive.GroupHeading>
+	{/if}
+	<CommandPrimitive.GroupItems data-slot="command-group-items" data-cmdk-group-items="">
+		{@render children?.()}
+	</CommandPrimitive.GroupItems>
+</CommandPrimitive.Group>

package/dist/components/ui/command/command-group.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Command as CommandPrimitive } from "bits-ui";
+type $$ComponentProps = CommandPrimitive.GroupProps & {
+    heading?: string;
+    alwaysRender?: boolean;
+};
+declare const CommandGroup: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CommandGroup = ReturnType<typeof CommandGroup>;
+export default CommandGroup;

package/dist/components/ui/command/command-input.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		...restProps
+	}: CommandPrimitive.InputProps = $props();
+</script>
+
+<CommandPrimitive.Input
+	bind:ref
+	bind:value
+	data-slot="command-input"
+	data-cmdk-input=""
+	class={cn(
+		"w-full bg-transparent text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/command/command-input.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Command as CommandPrimitive } from "bits-ui";
+declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "value" | "ref">;
+type CommandInput = ReturnType<typeof CommandInput>;
+export default CommandInput;

package/dist/components/ui/command/command-item.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+	import type { Snippet } from "svelte";
+
+	type Props = Omit<CommandPrimitive.ItemProps, "children" | "forceMount" | "onSelect"> & {
+		children?: Snippet;
+		alwaysRender?: boolean;
+		forceMount?: boolean;
+		onSelect?: (value: string) => void;
+	};
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		children,
+		value = "",
+		alwaysRender,
+		forceMount,
+		onSelect,
+		...restProps
+	}: Props = $props();
+
+	function handleSelect() {
+		onSelect?.(value || ref?.dataset.value || ref?.textContent?.trim() || "");
+	}
+</script>
+
+<CommandPrimitive.Item
+	bind:ref
+	data-slot="command-item"
+	data-cmdk-item=""
+	class={cn(
+		"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[selected]:bg-accent data-[selected]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+		className
+	)}
+	{value}
+	forceMount={alwaysRender ?? forceMount}
+	onSelect={handleSelect}
+	{...restProps}
+>
+	{@render children?.()}
+</CommandPrimitive.Item>

package/dist/components/ui/command/command-item.svelte.d.ts

@@ -0,0 +1,11 @@
+import { Command as CommandPrimitive } from "bits-ui";
+import type { Snippet } from "svelte";
+type Props = Omit<CommandPrimitive.ItemProps, "children" | "forceMount" | "onSelect"> & {
+    children?: Snippet;
+    alwaysRender?: boolean;
+    forceMount?: boolean;
+    onSelect?: (value: string) => void;
+};
+declare const CommandItem: import("svelte").Component<Props, {}, "ref">;
+type CommandItem = ReturnType<typeof CommandItem>;
+export default CommandItem;

package/dist/components/ui/command/command-list.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		...restProps
+	}: CommandPrimitive.ListProps = $props();
+</script>
+
+<CommandPrimitive.List
+	bind:ref
+	data-slot="command-list"
+	data-cmdk-list=""
+	class={cn("max-h-72 overflow-x-hidden overflow-y-auto", className)}
+	{...restProps}
+/>

package/dist/components/ui/command/command-list.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Command as CommandPrimitive } from "bits-ui";
+declare const CommandList: import("svelte").Component<CommandPrimitive.ListProps, {}, "ref">;
+type CommandList = ReturnType<typeof CommandList>;
+export default CommandList;

package/dist/components/ui/command/command-loading.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: CommandPrimitive.LoadingProps = $props();
+</script>
+
+<CommandPrimitive.Loading
+	bind:ref
+	data-slot="command-loading"
+	data-cmdk-loading=""
+	{...restProps}
+/>

package/dist/components/ui/command/command-loading.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Command as CommandPrimitive } from "bits-ui";
+declare const CommandLoading: import("svelte").Component<CommandPrimitive.LoadingProps, {}, "ref">;
+type CommandLoading = ReturnType<typeof CommandLoading>;
+export default CommandLoading;

package/dist/components/ui/command/command-separator.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		class: className,
+		alwaysRender,
+		forceMount,
+		...restProps
+	}: CommandPrimitive.SeparatorProps & {
+		alwaysRender?: boolean;
+	} = $props();
+</script>
+
+<CommandPrimitive.Separator
+	bind:ref
+	data-slot="command-separator"
+	data-cmdk-separator=""
+	class={cn("bg-border -mx-1 h-px", className)}
+	forceMount={alwaysRender ?? forceMount}
+	{...restProps}
+/>

package/dist/components/ui/command/command-separator.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Command as CommandPrimitive } from "bits-ui";
+type $$ComponentProps = CommandPrimitive.SeparatorProps & {
+    alwaysRender?: boolean;
+};
+declare const CommandSeparator: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type CommandSeparator = ReturnType<typeof CommandSeparator>;
+export default CommandSeparator;

package/dist/components/ui/command/command.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { Command as CommandPrimitive } from "bits-ui";
+	import { cn } from "../../../utils.js";
+
+	let {
+		ref = $bindable(null),
+		value = $bindable(""),
+		class: className,
+		children,
+		...restProps
+	}: CommandPrimitive.RootProps = $props();
+</script>
+
+<CommandPrimitive.Root
+	bind:ref
+	bind:value
+	data-slot="command"
+	data-cmdk-root=""
+	class={cn(
+		"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+</CommandPrimitive.Root>

package/dist/components/ui/command/command.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Command as CommandPrimitive } from "bits-ui";
+declare const Command: import("svelte").Component<CommandPrimitive.RootProps, {}, "value" | "ref">;
+type Command = ReturnType<typeof Command>;
+export default Command;

package/dist/components/ui/command/index.d.ts

@@ -1,2 +1,55 @@
-export { Command as Root, Command } from 'cmdk-sv';
-export { default as CommandDialog } from './command-dialog.svelte';
+import Root from './command.svelte';
+import Dialog from './command-dialog.svelte';
+import Empty from './command-empty.svelte';
+import Group from './command-group.svelte';
+import Input from './command-input.svelte';
+import Item from './command-item.svelte';
+import List from './command-list.svelte';
+import Loading from './command-loading.svelte';
+import Separator from './command-separator.svelte';
+declare const Command: {
+    Root: import("svelte").Component<import("bits-ui").CommandRootProps, {}, "value" | "ref">;
+    Dialog: import("svelte").Component<Omit<import("bits-ui").CommandRootProps, "value" | "children"> & Omit<import("bits-ui").AlertDialogRootPropsWithoutHTML, "open" | "children"> & {
+        open?: boolean;
+        value?: string;
+        class?: string;
+        children?: import("svelte").Snippet;
+    }, {}, "value" | "open">;
+    Empty: import("svelte").Component<import("bits-ui").CommandEmptyProps, {}, "ref">;
+    Group: import("svelte").Component<Omit<{
+        value?: string;
+        forceMount?: boolean;
+    }, "children" | "child"> & {
+        child?: import("svelte").Snippet<[{
+            props: Record<string, unknown>;
+        }]> | undefined;
+        children?: import("svelte").Snippet<[]> | undefined;
+        style?: import("bits-ui").StyleProperties | string | null | undefined;
+        ref?: HTMLElement | null | undefined;
+    } & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").CommandGroupPropsWithoutHTML> & {
+        heading?: string;
+        alwaysRender?: boolean;
+    }, {}, "ref">;
+    Input: import("svelte").Component<import("bits-ui").CommandInputProps, {}, "value" | "ref">;
+    Item: import("svelte").Component<Omit<import("bits-ui").CommandItemProps, "children" | "forceMount" | "onSelect"> & {
+        children?: import("svelte").Snippet;
+        alwaysRender?: boolean;
+        forceMount?: boolean;
+        onSelect?: (value: string) => void;
+    }, {}, "ref">;
+    List: import("svelte").Component<import("bits-ui").CommandListProps, {}, "ref">;
+    Loading: import("svelte").Component<import("bits-ui").CommandLoadingProps, {}, "ref">;
+    Separator: import("svelte").Component<Omit<{
+        forceMount?: boolean;
+    }, "children" | "child"> & {
+        child?: import("svelte").Snippet<[{
+            props: Record<string, unknown>;
+        }]> | undefined;
+        children?: import("svelte").Snippet<[]> | undefined;
+        style?: import("bits-ui").StyleProperties | string | null | undefined;
+        ref?: HTMLElement | null | undefined;
+    } & import("bits-ui").Without<import("bits-ui").BitsPrimitiveDivAttributes, import("bits-ui").CommandSeparatorPropsWithoutHTML> & {
+        alwaysRender?: boolean;
+    }, {}, "ref">;
+};
+export { Root, Dialog, Empty, Group, Input, Item, List, Loading, Separator, Command, Root as CommandRoot, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Input as CommandInput, Item as CommandItem, List as CommandList, Loading as CommandLoading, Separator as CommandSeparator, };

package/dist/components/ui/command/index.js

@@ -1,2 +1,21 @@
-export { Command as Root, Command } from 'cmdk-sv';
-export { default as CommandDialog } from './command-dialog.svelte';
+import Root from './command.svelte';
+import Dialog from './command-dialog.svelte';
+import Empty from './command-empty.svelte';
+import Group from './command-group.svelte';
+import Input from './command-input.svelte';
+import Item from './command-item.svelte';
+import List from './command-list.svelte';
+import Loading from './command-loading.svelte';
+import Separator from './command-separator.svelte';
+const Command = {
+    Root,
+    Dialog,
+    Empty,
+    Group,
+    Input,
+    Item,
+    List,
+    Loading,
+    Separator,
+};
+export { Root, Dialog, Empty, Group, Input, Item, List, Loading, Separator, Command, Root as CommandRoot, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Input as CommandInput, Item as CommandItem, List as CommandList, Loading as CommandLoading, Separator as CommandSeparator, };