@chrissnell/chonky-ui 0.1.7

package/dist/components/Combobox/ComboboxRoot.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { Combobox as BitsCombobox } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  export interface ComboboxRootProps {
+    open?: boolean;
+    value?: string;
+    children?: Snippet;
+  }
+
+  let {
+    open = $bindable(false),
+    value = $bindable(''),
+    children,
+    ...restProps
+  }: ComboboxRootProps = $props();
+</script>
+
+<BitsCombobox.Root bind:open bind:value {...restProps}>
+  <div class="chonky-combobox-root">
+    {@render children?.()}
+  </div>
+</BitsCombobox.Root>
+
+<style>
+  .chonky-combobox-root {
+    display: inline-flex;
+    align-items: stretch;
+    gap: 0.5rem;
+  }
+  .chonky-combobox-root :global([data-combobox-input]) {
+    flex: 1;
+    min-width: 0;
+  }
+  .chonky-combobox-root :global([data-combobox-trigger]) {
+    background: transparent;
+    border: none;
+    padding: 0;
+    font: inherit;
+    color: inherit;
+    cursor: pointer;
+  }
+</style>

package/dist/components/Combobox/ComboboxRoot.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+export interface ComboboxRootProps {
+    open?: boolean;
+    value?: string;
+    children?: Snippet;
+}
+declare const ComboboxRoot: import("svelte").Component<ComboboxRootProps, {}, "open" | "value">;
+type ComboboxRoot = ReturnType<typeof ComboboxRoot>;
+export default ComboboxRoot;

package/dist/components/Combobox/ComboboxTrigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Combobox as BitsCombobox } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ComboboxTriggerProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: ComboboxTriggerProps = $props();
+</script>
+
+<BitsCombobox.Trigger class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCombobox.Trigger>

package/dist/components/Combobox/ComboboxTrigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ComboboxTriggerProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const ComboboxTrigger: import("svelte").Component<ComboboxTriggerProps, {}, "">;
+type ComboboxTrigger = ReturnType<typeof ComboboxTrigger>;
+export default ComboboxTrigger;

package/dist/components/Combobox/index.d.ts

@@ -0,0 +1,17 @@
+export type { ComboboxRootProps } from './ComboboxRoot.svelte';
+export type { ComboboxInputProps } from './ComboboxInput.svelte';
+export type { ComboboxTriggerProps } from './ComboboxTrigger.svelte';
+export type { ComboboxContentProps } from './ComboboxContent.svelte';
+export type { ComboboxItemProps } from './ComboboxItem.svelte';
+export type { ComboboxGroupProps } from './ComboboxGroup.svelte';
+export type { ComboboxGroupHeadingProps } from './ComboboxGroupHeading.svelte';
+declare const Combobox: import("svelte").Component<import("./ComboboxRoot.svelte").ComboboxRootProps, {}, "open" | "value"> & {
+    Root: import("svelte").Component<import("./ComboboxRoot.svelte").ComboboxRootProps, {}, "open" | "value">;
+    Input: import("svelte").Component<import("./ComboboxInput.svelte").ComboboxInputProps, {}, "">;
+    Trigger: import("svelte").Component<import("./ComboboxTrigger.svelte").ComboboxTriggerProps, {}, "">;
+    Content: import("svelte").Component<import("./ComboboxContent.svelte").ComboboxContentProps, {}, "">;
+    Item: import("svelte").Component<import("./ComboboxItem.svelte").ComboboxItemProps, {}, "">;
+    Group: import("svelte").Component<import("./ComboboxGroup.svelte").ComboboxGroupProps, {}, "">;
+    GroupHeading: import("svelte").Component<import("./ComboboxGroupHeading.svelte").ComboboxGroupHeadingProps, {}, "">;
+};
+export { Combobox };

package/dist/components/Combobox/index.js

@@ -0,0 +1,9 @@
+import Root from './ComboboxRoot.svelte';
+import Input from './ComboboxInput.svelte';
+import Trigger from './ComboboxTrigger.svelte';
+import Content from './ComboboxContent.svelte';
+import Item from './ComboboxItem.svelte';
+import Group from './ComboboxGroup.svelte';
+import GroupHeading from './ComboboxGroupHeading.svelte';
+const Combobox = Object.assign(Root, { Root, Input, Trigger, Content, Item, Group, GroupHeading });
+export { Combobox };

package/dist/components/Command/CommandDialog.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Dialog as BitsDialog, Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandDialogProps {
+    open?: boolean;
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    open = $bindable(false),
+    class: className,
+    children,
+    ...restProps
+  }: CommandDialogProps = $props();
+</script>
+
+<BitsDialog.Root bind:open>
+  <BitsDialog.Portal>
+    <BitsDialog.Overlay class="backdrop" />
+    <BitsDialog.Content class={cn('modal', className)} style="padding: 0;" {...restProps}>
+      <BitsCommand.Root>
+        {@render children()}
+      </BitsCommand.Root>
+    </BitsDialog.Content>
+  </BitsDialog.Portal>
+</BitsDialog.Root>

package/dist/components/Command/CommandDialog.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+export interface CommandDialogProps {
+    open?: boolean;
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandDialog: import("svelte").Component<CommandDialogProps, {}, "open">;
+type CommandDialog = ReturnType<typeof CommandDialog>;
+export default CommandDialog;

package/dist/components/Command/CommandEmpty.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandEmptyProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: CommandEmptyProps = $props();
+</script>
+
+<BitsCommand.Empty class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCommand.Empty>

package/dist/components/Command/CommandEmpty.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface CommandEmptyProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandEmpty: import("svelte").Component<CommandEmptyProps, {}, "">;
+type CommandEmpty = ReturnType<typeof CommandEmpty>;
+export default CommandEmpty;

package/dist/components/Command/CommandGroup.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandGroupProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: CommandGroupProps = $props();
+</script>
+
+<BitsCommand.Group class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCommand.Group>

package/dist/components/Command/CommandGroup.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface CommandGroupProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandGroup: import("svelte").Component<CommandGroupProps, {}, "">;
+type CommandGroup = ReturnType<typeof CommandGroup>;
+export default CommandGroup;

package/dist/components/Command/CommandGroupHeading.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandGroupHeadingProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: CommandGroupHeadingProps = $props();
+</script>
+
+<BitsCommand.GroupHeading class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCommand.GroupHeading>

package/dist/components/Command/CommandGroupHeading.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface CommandGroupHeadingProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandGroupHeading: import("svelte").Component<CommandGroupHeadingProps, {}, "">;
+type CommandGroupHeading = ReturnType<typeof CommandGroupHeading>;
+export default CommandGroupHeading;

package/dist/components/Command/CommandInput.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandInputProps {
+    class?: string;
+    placeholder?: string;
+    value?: string;
+  }
+
+  let {
+    class: className,
+    placeholder = 'Search...',
+    value = $bindable(''),
+    ...restProps
+  }: CommandInputProps = $props();
+</script>
+
+<BitsCommand.Input class={cn(className)} {placeholder} bind:value {...restProps} />

package/dist/components/Command/CommandInput.svelte.d.ts

@@ -0,0 +1,8 @@
+export interface CommandInputProps {
+    class?: string;
+    placeholder?: string;
+    value?: string;
+}
+declare const CommandInput: import("svelte").Component<CommandInputProps, {}, "value">;
+type CommandInput = ReturnType<typeof CommandInput>;
+export default CommandInput;

package/dist/components/Command/CommandItem.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandItemProps {
+    class?: string;
+    children?: Snippet;
+    value?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+  }
+
+  let {
+    class: className,
+    children,
+    value,
+    onSelect,
+    disabled,
+    ...restProps
+  }: CommandItemProps = $props();
+</script>
+
+<BitsCommand.Item class={cn(className)} {value} {onSelect} {disabled} {...restProps}>
+  {@render children()}
+</BitsCommand.Item>

package/dist/components/Command/CommandItem.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from 'svelte';
+export interface CommandItemProps {
+    class?: string;
+    children?: Snippet;
+    value?: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+}
+declare const CommandItem: import("svelte").Component<CommandItemProps, {}, "">;
+type CommandItem = ReturnType<typeof CommandItem>;
+export default CommandItem;

package/dist/components/Command/CommandList.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandListProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: CommandListProps = $props();
+</script>
+
+<BitsCommand.List class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCommand.List>

package/dist/components/Command/CommandList.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface CommandListProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandList: import("svelte").Component<CommandListProps, {}, "">;
+type CommandList = ReturnType<typeof CommandList>;
+export default CommandList;

package/dist/components/Command/CommandRoot.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandRootProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: CommandRootProps = $props();
+</script>
+
+<BitsCommand.Root class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsCommand.Root>

package/dist/components/Command/CommandRoot.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface CommandRootProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const CommandRoot: import("svelte").Component<CommandRootProps, {}, "">;
+type CommandRoot = ReturnType<typeof CommandRoot>;
+export default CommandRoot;

package/dist/components/Command/CommandSeparator.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { Command as BitsCommand } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface CommandSeparatorProps {
+    class?: string;
+  }
+
+  let {
+    class: className,
+    ...restProps
+  }: CommandSeparatorProps = $props();
+</script>
+
+<BitsCommand.Separator class={cn(className)} {...restProps} />

package/dist/components/Command/CommandSeparator.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface CommandSeparatorProps {
+    class?: string;
+}
+declare const CommandSeparator: import("svelte").Component<CommandSeparatorProps, {}, "">;
+type CommandSeparator = ReturnType<typeof CommandSeparator>;
+export default CommandSeparator;

package/dist/components/Command/index.d.ts

@@ -0,0 +1,21 @@
+export type { CommandRootProps } from './CommandRoot.svelte';
+export type { CommandInputProps } from './CommandInput.svelte';
+export type { CommandListProps } from './CommandList.svelte';
+export type { CommandItemProps } from './CommandItem.svelte';
+export type { CommandEmptyProps } from './CommandEmpty.svelte';
+export type { CommandGroupProps } from './CommandGroup.svelte';
+export type { CommandGroupHeadingProps } from './CommandGroupHeading.svelte';
+export type { CommandSeparatorProps } from './CommandSeparator.svelte';
+export type { CommandDialogProps } from './CommandDialog.svelte';
+declare const Command: import("svelte").Component<import("./CommandRoot.svelte").CommandRootProps, {}, ""> & {
+    Root: import("svelte").Component<import("./CommandRoot.svelte").CommandRootProps, {}, "">;
+    Input: import("svelte").Component<import("./CommandInput.svelte").CommandInputProps, {}, "value">;
+    List: import("svelte").Component<import("./CommandList.svelte").CommandListProps, {}, "">;
+    Item: import("svelte").Component<import("./CommandItem.svelte").CommandItemProps, {}, "">;
+    Empty: import("svelte").Component<import("./CommandEmpty.svelte").CommandEmptyProps, {}, "">;
+    Group: import("svelte").Component<import("./CommandGroup.svelte").CommandGroupProps, {}, "">;
+    GroupHeading: import("svelte").Component<import("./CommandGroupHeading.svelte").CommandGroupHeadingProps, {}, "">;
+    Separator: import("svelte").Component<import("./CommandSeparator.svelte").CommandSeparatorProps, {}, "">;
+    Dialog: import("svelte").Component<import("./CommandDialog.svelte").CommandDialogProps, {}, "open">;
+};
+export { Command };

package/dist/components/Command/index.js

@@ -0,0 +1,11 @@
+import Root from './CommandRoot.svelte';
+import Input from './CommandInput.svelte';
+import List from './CommandList.svelte';
+import Item from './CommandItem.svelte';
+import Empty from './CommandEmpty.svelte';
+import Group from './CommandGroup.svelte';
+import GroupHeading from './CommandGroupHeading.svelte';
+import Separator from './CommandSeparator.svelte';
+import Dialog from './CommandDialog.svelte';
+const Command = Object.assign(Root, { Root, Input, List, Item, Empty, Group, GroupHeading, Separator, Dialog });
+export { Command };

package/dist/components/ContextMenu/ContextMenuContent.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuContentProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: ContextMenuContentProps = $props();
+</script>
+
+<BitsContextMenu.Portal>
+  <BitsContextMenu.Content class={cn(className)} {...restProps}>
+    {@render children()}
+  </BitsContextMenu.Content>
+</BitsContextMenu.Portal>

package/dist/components/ContextMenu/ContextMenuContent.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuContentProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const ContextMenuContent: import("svelte").Component<ContextMenuContentProps, {}, "">;
+type ContextMenuContent = ReturnType<typeof ContextMenuContent>;
+export default ContextMenuContent;

package/dist/components/ContextMenu/ContextMenuGroup.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuGroupProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: ContextMenuGroupProps = $props();
+</script>
+
+<BitsContextMenu.Group class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsContextMenu.Group>

package/dist/components/ContextMenu/ContextMenuGroup.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuGroupProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const ContextMenuGroup: import("svelte").Component<ContextMenuGroupProps, {}, "">;
+type ContextMenuGroup = ReturnType<typeof ContextMenuGroup>;
+export default ContextMenuGroup;

package/dist/components/ContextMenu/ContextMenuGroupHeading.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuGroupHeadingProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: ContextMenuGroupHeadingProps = $props();
+</script>
+
+<BitsContextMenu.GroupHeading class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsContextMenu.GroupHeading>

package/dist/components/ContextMenu/ContextMenuGroupHeading.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuGroupHeadingProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const ContextMenuGroupHeading: import("svelte").Component<ContextMenuGroupHeadingProps, {}, "">;
+type ContextMenuGroupHeading = ReturnType<typeof ContextMenuGroupHeading>;
+export default ContextMenuGroupHeading;

package/dist/components/ContextMenu/ContextMenuItem.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuItemProps {
+    class?: string;
+    children?: Snippet;
+    onSelect?: () => void;
+    disabled?: boolean;
+  }
+
+  let {
+    class: className,
+    children,
+    onSelect,
+    disabled,
+    ...restProps
+  }: ContextMenuItemProps = $props();
+</script>
+
+<BitsContextMenu.Item class={cn(className)} {onSelect} {disabled} {...restProps}>
+  {@render children()}
+</BitsContextMenu.Item>

package/dist/components/ContextMenu/ContextMenuItem.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuItemProps {
+    class?: string;
+    children?: Snippet;
+    onSelect?: () => void;
+    disabled?: boolean;
+}
+declare const ContextMenuItem: import("svelte").Component<ContextMenuItemProps, {}, "">;
+type ContextMenuItem = ReturnType<typeof ContextMenuItem>;
+export default ContextMenuItem;

package/dist/components/ContextMenu/ContextMenuRoot.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  export interface ContextMenuRootProps {
+    children?: Snippet;
+  }
+
+  let {
+    children,
+    ...restProps
+  }: ContextMenuRootProps = $props();
+</script>
+
+<BitsContextMenu.Root {...restProps}>
+  {@render children()}
+</BitsContextMenu.Root>

package/dist/components/ContextMenu/ContextMenuRoot.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuRootProps {
+    children?: Snippet;
+}
+declare const ContextMenuRoot: import("svelte").Component<ContextMenuRootProps, {}, "">;
+type ContextMenuRoot = ReturnType<typeof ContextMenuRoot>;
+export default ContextMenuRoot;

package/dist/components/ContextMenu/ContextMenuSeparator.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuSeparatorProps {
+    class?: string;
+  }
+
+  let {
+    class: className,
+    ...restProps
+  }: ContextMenuSeparatorProps = $props();
+</script>
+
+<BitsContextMenu.Separator class={cn(className)} {...restProps} />

package/dist/components/ContextMenu/ContextMenuSeparator.svelte.d.ts

@@ -0,0 +1,6 @@
+export interface ContextMenuSeparatorProps {
+    class?: string;
+}
+declare const ContextMenuSeparator: import("svelte").Component<ContextMenuSeparatorProps, {}, "">;
+type ContextMenuSeparator = ReturnType<typeof ContextMenuSeparator>;
+export default ContextMenuSeparator;

package/dist/components/ContextMenu/ContextMenuTrigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { ContextMenu as BitsContextMenu } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface ContextMenuTriggerProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: className,
+    children,
+    ...restProps
+  }: ContextMenuTriggerProps = $props();
+</script>
+
+<BitsContextMenu.Trigger class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsContextMenu.Trigger>