kosui 0.0.25 → 0.0.27

package/dist/alert/alert.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
+  import { Box, type BoxProps } from "../box/index.js";
   import { twMerge } from "tailwind-merge";
-  import { Box, type BoxProps } from "../box";
 
   export type AlertProps = BoxProps;
 </script>

package/dist/alert/alert.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from "../box";
+import { type BoxProps } from "../box/index.js";
 export type AlertProps = BoxProps;
 declare const Alert: import("svelte").Component<BoxProps, {}, "el">;
 type Alert = ReturnType<typeof Alert>;

package/dist/autocomplete/autocomplete-content.svelte

@@ -1,10 +1,10 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
+  import { getAutocompleteContext } from "./index.js";
+  import { baseClasses, type Variants } from "../base.js";
+  import { Popover, type PopoverProps } from "../popover/index.js";
+  import { type ClassName } from "../utils.js";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { Popover, type PopoverProps } from "../popover";
-  import type { ClassName } from "../utils";
-  import { getAutocompleteContext } from "./autocomplete-context.svelte";
 
   export type AutocompleteProps = {
     children: Snippet;

package/dist/autocomplete/autocomplete-content.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Snippet } from "svelte";
-import { type Variants } from "../base";
-import { type PopoverProps } from "../popover";
-import type { ClassName } from "../utils";
+import { type Variants } from "../base.js";
+import { type PopoverProps } from "../popover/index.js";
+import { type ClassName } from "../utils.js";
+import { type Snippet } from "svelte";
 export type AutocompleteProps = {
     children: Snippet;
 } & ClassName & Variants & Omit<PopoverProps, "children">;

package/dist/autocomplete/autocomplete-context.svelte.d.ts

@@ -1,4 +1,4 @@
-import { ItemContext } from "../common";
+import { ItemContext } from "../common/index.js";
 export declare class AutocompleteContext extends ItemContext {
     #private;
     get open(): boolean;

package/dist/autocomplete/autocomplete-context.svelte.js

@@ -1,6 +1,6 @@
+import { Bindable } from "../bindable.svelte.js";
+import { ItemContext } from "../common/index.js";
 import { getContext, setContext } from "svelte";
-import { Bindable } from "../bindable.svelte";
-import { ItemContext } from "../common";
 export class AutocompleteContext extends ItemContext {
     #open = new Bindable(false);
     #anchorEl = new Bindable(undefined);

package/dist/autocomplete/autocomplete-input.svelte

@@ -1,13 +1,12 @@
 <script module lang="ts">
-  import { Input, type InputProps } from "..";
-  import { getAutocompleteContext } from "./autocomplete-context.svelte";
+  import { getAutocompleteContext } from "./index.js";
+  import { Input, type InputProps } from "../input/index.js";
+  import { mergeComponentProps } from "../merge-props.js";
 
   export type AutocompleteInputProps = InputProps;
 </script>
 
 <script lang="ts">
-  import { mergeComponentProps } from "../merge-props";
-
   let {
     el = $bindable(),
     value = $bindable(""),

package/dist/autocomplete/autocomplete-input.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type InputProps } from "..";
+import { type InputProps } from "../input/index.js";
 export type AutocompleteInputProps = InputProps;
 declare const AutocompleteInput: import("svelte").Component<InputProps, {}, "el" | "value">;
 type AutocompleteInput = ReturnType<typeof AutocompleteInput>;

package/dist/autocomplete/autocomplete-item.svelte

@@ -1,11 +1,11 @@
 <script module lang="ts">
+  import { getAutocompleteContext } from "./index.js";
+  import { baseClasses, type Variants } from "../base.js";
+  import { mergeProps } from "../merge-props.js";
+  import { type ClassName, type ElementRef } from "../utils.js";
   import { type Snippet } from "svelte";
-  import type { HTMLAttributes } from "svelte/elements";
+  import { type HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { mergeProps } from "../merge-props";
-  import { type ClassName, type ElementRef } from "../utils";
-  import { getAutocompleteContext } from "./autocomplete-context.svelte";
 
   export type AutocompleteItemProps = {
     onSelect?: (el: HTMLElement) => void;

package/dist/autocomplete/autocomplete-item.svelte.d.ts

@@ -1,7 +1,7 @@
+import { type Variants } from "../base.js";
+import { type ClassName, type ElementRef } from "../utils.js";
 import { type Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import { type ClassName, type ElementRef } from "../utils";
+import { type HTMLAttributes } from "svelte/elements";
 export type AutocompleteItemProps = {
     onSelect?: (el: HTMLElement) => void;
     children: Snippet;

package/dist/autocomplete/autocomplete.svelte

@@ -1,10 +1,10 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
-  import type { ClassName } from "../utils";
   import {
     AutocompleteContext,
     setAutocompleteContext,
-  } from "./autocomplete-context.svelte";
+  } from "./index.js";
+  import { type ClassName } from "../utils.js";
+  import { type Snippet } from "svelte";
 
   export type AutocompleteProps = {
     children: Snippet;

package/dist/autocomplete/autocomplete.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from "svelte";
-import type { ClassName } from "../utils";
+import { type ClassName } from "../utils.js";
+import { type Snippet } from "svelte";
 export type AutocompleteProps = {
     children: Snippet;
 } & ClassName;

package/dist/autocomplete/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AutocompleteContent } from "./autocomplete-content.svelte";
+export { AutocompleteContext, getAutocompleteContext, setAutocompleteContext, } from "./autocomplete-context.svelte.js";
 export { default as AutocompleteInput } from "./autocomplete-input.svelte";
 export { default as AutocompleteItem } from "./autocomplete-item.svelte";
 export { default as Autocomplete } from "./autocomplete.svelte";

package/dist/autocomplete/index.js

@@ -1,4 +1,5 @@
 export { default as AutocompleteContent } from "./autocomplete-content.svelte";
+export { AutocompleteContext, getAutocompleteContext, setAutocompleteContext, } from "./autocomplete-context.svelte.js";
 export { default as AutocompleteInput } from "./autocomplete-input.svelte";
 export { default as AutocompleteItem } from "./autocomplete-item.svelte";
 export { default as Autocomplete } from "./autocomplete.svelte";

package/dist/avatar/avatar.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
+  import { Box, type BoxProps } from "../box/index.js";
   import { twMerge } from "tailwind-merge";
-  import { Box, type BoxProps } from "../box";
 
   export type AvatarProps = {
     src?: string;

package/dist/avatar/avatar.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from "../box";
+import { type BoxProps } from "../box/index.js";
 export type AvatarProps = {
     src?: string;
     alt?: string;

package/dist/badge/badge.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+  import { Box, type BoxProps } from "../box/index.js";
   import { twMerge } from "tailwind-merge";
-  import { Box, type BoxProps } from "../box";
 
   export type BadgeProps = {
     verticalAlignment?: "top" | "bottom";

package/dist/badge/badge.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from "../box";
+import { type BoxProps } from "../box/index.js";
 export type BadgeProps = {
     verticalAlignment?: "top" | "bottom";
     horizontalAlignment?: "left" | "right";

package/dist/box/box.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import type { Snippet } from "svelte";
-  import type { HTMLAttributes } from "svelte/elements";
+  import { baseClasses, type Variants } from "../base.js";
+  import { noop, type ClassName, type ElementRef } from "../utils.js";
+  import { type Snippet } from "svelte";
+  import { type HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { noop, type ClassName, type ElementRef } from "../utils";
 
   export type BoxProps = {
     centered?: boolean;

package/dist/box/box.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import { type ClassName, type ElementRef } from "../utils";
+import { type Variants } from "../base.js";
+import { type ClassName, type ElementRef } from "../utils.js";
+import { type Snippet } from "svelte";
+import { type HTMLAttributes } from "svelte/elements";
 export type BoxProps = {
     centered?: boolean;
     backdrop?: boolean;

package/dist/breadcrumbs/breadcrumbs.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-  import { Link, type LinkProps } from "..";
-  import type { Snippet } from "svelte";
+  import { Link, type LinkProps } from "../link/index.js";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   type Crumb = {

package/dist/breadcrumbs/breadcrumbs.svelte.d.ts

@@ -1,5 +1,5 @@
-import { type LinkProps } from "..";
-import type { Snippet } from "svelte";
+import { type LinkProps } from "../link/index.js";
+import { type Snippet } from "svelte";
 type Crumb = {
     title: string;
     href: string;

package/dist/button/button.svelte

@@ -1,12 +1,12 @@
 <script lang="ts" module>
-  import type { Icon } from "@lucide/svelte";
-  import type { Snippet } from "svelte";
-  import type { HTMLButtonAttributes } from "svelte/elements";
+  import { baseClasses, type Variants } from "../base.js";
+  import { mergeProps } from "../merge-props.js";
+  import { Tooltip, type TooltipTriggerProps } from "../tooltip/index.js";
+  import { noop, type ClassName, type ElementRef } from "../utils.js";
+  import { type Icon } from "@lucide/svelte";
+  import { type Snippet } from "svelte";
+  import { type HTMLButtonAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { mergeProps } from "../merge-props";
-  import { Tooltip, type TooltipTriggerProps } from "../tooltip";
-  import { noop, type ClassName, type ElementRef } from "../utils";
 
   export type ButtonProps = {
     icon?: typeof Icon;

package/dist/button/button.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { Icon } from "@lucide/svelte";
-import type { Snippet } from "svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import { type ClassName, type ElementRef } from "../utils";
+import { type Variants } from "../base.js";
+import { type ClassName, type ElementRef } from "../utils.js";
+import { type Icon } from "@lucide/svelte";
+import { type Snippet } from "svelte";
+import { type HTMLButtonAttributes } from "svelte/elements";
 export type ButtonProps = {
     icon?: typeof Icon;
     size?: number;

package/dist/chip/chip.svelte

@@ -1,6 +1,7 @@
 <script lang="ts" module>
+  import { Box, type BoxProps } from "../box/index.js";
   import { X } from "@lucide/svelte";
-  import type { Snippet } from "svelte";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
 
   export type ChipProps = {
@@ -12,8 +13,6 @@
 </script>
 
 <script lang="ts">
-  import { Box, type BoxProps } from "../box";
-
   let {
     title,
     onClick,

package/dist/chip/chip.svelte.d.ts

@@ -1,11 +1,11 @@
-import type { Snippet } from "svelte";
+import { type BoxProps } from "../box/index.js";
+import { type Snippet } from "svelte";
 export type ChipProps = {
     title?: string;
     onClick?: (event: MouseEvent | KeyboardEvent) => void;
     onDelete?: (event: MouseEvent | KeyboardEvent) => void;
     children: Snippet;
 } & BoxProps;
-import { type BoxProps } from "../box";
 declare const Chip: import("svelte").Component<ChipProps, {}, "el">;
 type Chip = ReturnType<typeof Chip>;
 export default Chip;

package/dist/command/action.svelte.d.ts

@@ -1,5 +1,5 @@
+import { type Shortcut } from "../shortcut/index.js";
 import { type Icon } from "@lucide/svelte";
-import type { Shortcut } from "../shortcut";
 type ActionProps = {
     id: string;
     callback: () => void;

package/dist/command/action.svelte.js

@@ -1,3 +1,4 @@
+import {} from "../shortcut/index.js";
 import { CircleSlash } from "@lucide/svelte";
 import { untrack } from "svelte";
 export class Action {

package/dist/command/command-content.svelte

@@ -1,7 +1,7 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
+  import { type ClassName } from "../utils.js";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
-  import type { ClassName } from "../utils";
 
   export type CommandContentProps = { children: Snippet } & ClassName;
 </script>

package/dist/command/command-content.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from "svelte";
-import type { ClassName } from "../utils";
+import { type ClassName } from "../utils.js";
+import { type Snippet } from "svelte";
 export type CommandContentProps = {
     children: Snippet;
 } & ClassName;

package/dist/command/command-context.svelte.d.ts

@@ -1,4 +1,4 @@
-import { ItemContext } from "../common";
+import { ItemContext } from "../common/index.js";
 export declare class CommandContext extends ItemContext {
 }
 export declare function setCommandContext(state: CommandContext): CommandContext;

package/dist/command/command-context.svelte.js

@@ -1,5 +1,5 @@
+import { ItemContext } from "../common/index.js";
 import { getContext, setContext } from "svelte";
-import { ItemContext } from "../common";
 export class CommandContext extends ItemContext {
 }
 export function setCommandContext(state) {

package/dist/command/command-input.svelte

@@ -1,10 +1,10 @@
 <script module lang="ts">
-  import type { HTMLInputAttributes } from "svelte/elements";
+  import { baseClasses, type Variants } from "../base.js";
+  import { getCommandContext } from "./index.js";
+  import { mergeProps } from "../merge-props.js";
+  import { type ClassName, type ElementRef } from "../utils.js";
+  import { type HTMLInputAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { mergeProps } from "../merge-props";
-  import type { ClassName, ElementRef } from "../utils";
-  import { getCommandContext } from "./command-context.svelte";
 
   export type CommandInputProps = {} & ElementRef &
     ClassName &

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

@@ -1,6 +1,6 @@
-import type { HTMLInputAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import type { ClassName, ElementRef } from "../utils";
+import { type Variants } from "../base.js";
+import { type ClassName, type ElementRef } from "../utils.js";
+import { type HTMLInputAttributes } from "svelte/elements";
 export type CommandInputProps = {} & ElementRef & ClassName & Variants & HTMLInputAttributes;
 declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "value">;
 type CommandInput = ReturnType<typeof CommandInput>;

package/dist/command/command-item.svelte

@@ -1,11 +1,11 @@
 <script module lang="ts">
+  import { baseClasses, type Variants } from "../base.js";
+  import { getCommandContext } from "./index.js";
+  import { mergeProps } from "../merge-props.js";
+  import { type ClassName, type ElementRef } from "../utils.js";
   import { type Snippet } from "svelte";
-  import type { HTMLAttributes } from "svelte/elements";
+  import { type HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import { mergeProps } from "../merge-props";
-  import { type ClassName, type ElementRef } from "../utils";
-  import { getCommandContext } from "./command-context.svelte";
 
   export type CommandItemProps = {
     onSelect?: (el: HTMLElement) => void;

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

@@ -1,7 +1,7 @@
+import { type Variants } from "../base.js";
+import { type ClassName, type ElementRef } from "../utils.js";
 import { type Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import { type ClassName, type ElementRef } from "../utils";
+import { type HTMLAttributes } from "svelte/elements";
 export type CommandItemProps = {
     onSelect?: (el: HTMLElement) => void;
     children: Snippet<[]>;

package/dist/command/command-search.svelte

@@ -1,7 +1,6 @@
 <script module lang="ts">
+  import { CommandInput, type CommandInputProps } from "./index.js";
   import { SearchIcon } from "@lucide/svelte";
-  import { CommandInput } from ".";
-  import type { CommandInputProps } from "./command-input.svelte";
 
   export type CommandSearchProps = {} & CommandInputProps;
 </script>

package/dist/command/command-search.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CommandInputProps } from "./command-input.svelte";
+import { type CommandInputProps } from "./index.js";
 export type CommandSearchProps = {} & CommandInputProps;
 declare const CommandSearch: import("svelte").Component<CommandSearchProps, {}, "value">;
 type CommandSearch = ReturnType<typeof CommandSearch>;

package/dist/command/command.svelte

@@ -1,8 +1,8 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
+  import { CommandContext, setCommandContext } from "./index.js";
+  import { type ClassName } from "../utils.js";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
-  import type { ClassName } from "../utils";
-  import { CommandContext, setCommandContext } from "./command-context.svelte";
 
   export type CommandProps = {
     children: Snippet<[]>;

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

@@ -1,5 +1,5 @@
-import type { Snippet } from "svelte";
-import type { ClassName } from "../utils";
+import { type ClassName } from "../utils.js";
+import { type Snippet } from "svelte";
 export type CommandProps = {
     children: Snippet<[]>;
 } & ClassName;

package/dist/command/commander.svelte

@@ -1,6 +1,4 @@
 <script module lang="ts">
-  import { match } from "../utils";
-  import { Check, ChevronRight } from "@lucide/svelte";
   import {
     Action,
     Command,
@@ -9,10 +7,12 @@
     CommandItem,
     CommandSearch,
     Registry,
-  } from ".";
-  import { events } from "..";
-  import { Modal } from "../modal";
-  import { Shortcut, ShortcutBadge } from "../shortcut";
+  } from "./index.js";
+  import { events } from "../index.js";
+  import { Modal } from "../modal/index.js";
+  import { Shortcut, ShortcutBadge } from "../shortcut/index.js";
+  import { match } from "../utils.js";
+  import { Check, ChevronRight } from "@lucide/svelte";
 
   export type CommanderProps = {
     open?: boolean;

package/dist/command/commander.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Registry } from ".";
+import { Registry } from "./index.js";
 export type CommanderProps = {
     open?: boolean;
     query?: string;

package/dist/command/index.d.ts

@@ -1,8 +1,9 @@
-export { Divider as CommandDivider, Header as CommandHeader } from "../common";
+export { Divider as CommandDivider, Header as CommandHeader, } from "../common/index.js";
 export { Action, Registry } from "./action.svelte";
 export { default as CommandContent } from "./command-content.svelte";
-export { default as CommandInput } from "./command-input.svelte";
-export { default as CommandItem } from "./command-item.svelte";
-export { default as CommandSearch } from "./command-search.svelte";
-export { default as Command } from "./command.svelte";
-export { default as Commander } from "./commander.svelte";
+export { CommandContext, getCommandContext, setCommandContext, } from "./command-context.svelte.js";
+export { default as CommandInput, type CommandInputProps, } from "./command-input.svelte";
+export { default as CommandItem, type CommandItemProps, } from "./command-item.svelte";
+export { default as CommandSearch, type CommandSearchProps, } from "./command-search.svelte";
+export { default as Command, type CommandProps } from "./command.svelte";
+export { default as Commander, type CommanderProps } from "./commander.svelte";

package/dist/command/index.js

@@ -1,8 +1,9 @@
-export { Divider as CommandDivider, Header as CommandHeader } from "../common";
+export { Divider as CommandDivider, Header as CommandHeader, } from "../common/index.js";
 export { Action, Registry } from "./action.svelte";
 export { default as CommandContent } from "./command-content.svelte";
-export { default as CommandInput } from "./command-input.svelte";
-export { default as CommandItem } from "./command-item.svelte";
-export { default as CommandSearch } from "./command-search.svelte";
+export { CommandContext, getCommandContext, setCommandContext, } from "./command-context.svelte.js";
+export { default as CommandInput, } from "./command-input.svelte";
+export { default as CommandItem, } from "./command-item.svelte";
+export { default as CommandSearch, } from "./command-search.svelte";
 export { default as Command } from "./command.svelte";
 export { default as Commander } from "./commander.svelte";

package/dist/common/divider.svelte

@@ -1,7 +1,7 @@
 <script module lang="ts">
-  import type { HTMLAttributes } from "svelte/elements";
+  import { type ClassName } from "../utils.js";
+  import { type HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import type { ClassName } from "../utils";
 
   export type DividerProps = {} & ClassName & HTMLAttributes<HTMLHRElement>;
 </script>

package/dist/common/divider.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes } from "svelte/elements";
-import type { ClassName } from "../utils";
+import { type ClassName } from "../utils.js";
+import { type HTMLAttributes } from "svelte/elements";
 export type DividerProps = {} & ClassName & HTMLAttributes<HTMLHRElement>;
 declare const Divider: import("svelte").Component<DividerProps, {}, "">;
 type Divider = ReturnType<typeof Divider>;

package/dist/common/header.svelte

@@ -1,9 +1,9 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
-  import type { HTMLAttributes } from "svelte/elements";
+  import { baseClasses, type Variants } from "../base.js";
+  import { type ClassName } from "../utils.js";
+  import { type Snippet } from "svelte";
+  import { type HTMLAttributes } from "svelte/elements";
   import { twMerge } from "tailwind-merge";
-  import { baseClasses, type Variants } from "../base";
-  import type { ClassName } from "../utils";
 
   export type HeaderProps = {
     children: Snippet;

package/dist/common/header.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-import { type Variants } from "../base";
-import type { ClassName } from "../utils";
+import { type Variants } from "../base.js";
+import { type ClassName } from "../utils.js";
+import { type Snippet } from "svelte";
+import { type HTMLAttributes } from "svelte/elements";
 export type HeaderProps = {
     children: Snippet;
 } & ClassName & Variants & HTMLAttributes<HTMLDivElement>;

package/dist/common/item-context.svelte.js

@@ -1,6 +1,6 @@
-import { Bindable } from "../bindable.svelte";
-import { OrderedHTMLElements } from "../ordered-html-elements";
-import { Shortcut } from "../shortcut";
+import { Bindable } from "../bindable.svelte.js";
+import { OrderedHTMLElements } from "../ordered-html-elements.js";
+import { Shortcut } from "../shortcut/index.js";
 export class ItemContext {
     #input = new Bindable("");
     #items = new OrderedHTMLElements();

package/dist/dialog/dialog-button.svelte

@@ -1,6 +1,6 @@
 <script module lang="ts">
-  import type { Snippet } from "svelte";
-  import { Button, type ButtonProps } from "../button";
+  import { Button, type ButtonProps } from "../button/index.js";
+  import { type Snippet } from "svelte";
 
   export type DialogButtonProps<T> = {
     value: T | undefined;

package/dist/dialog/dialog-button.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { Snippet } from "svelte";
-import { type ButtonProps } from "../button";
+import { type ButtonProps } from "../button/index.js";
+import { type Snippet } from "svelte";
 export type DialogButtonProps<T> = {
     value: T | undefined;
     autofocus?: boolean;

package/dist/dialog/dialog.svelte

@@ -1,9 +1,9 @@
 <script module lang="ts">
-  import type { Icon } from "@lucide/svelte";
-  import type { Snippet } from "svelte";
+  import { mergeComponentProps } from "../merge-props.js";
+  import { Modal, type ModalProps } from "../modal/index.js";
+  import { type Icon } from "@lucide/svelte";
+  import { type Snippet } from "svelte";
   import { twMerge } from "tailwind-merge";
-  import { mergeComponentProps } from "../merge-props";
-  import { Modal, type ModalProps } from "../modal";
 
   export type DialogProps<T> = {
     ref?: HTMLDialogElement;