@stubber/ui 1.0.26 → 1.1.0

package/dist/components/collapsible/collapsible-content.svelte

@@ -0,0 +1,11 @@
+<script>import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import { slide } from "svelte/transition";
+export let transition = slide;
+export let transitionConfig = {
+  duration: 150
+};
+</script>
+
+<CollapsiblePrimitive.Content {transition} {transitionConfig} {...$$restProps}>
+  <slot />
+</CollapsiblePrimitive.Content>

package/dist/components/collapsible/collapsible-content.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CollapsiblePrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CollapsibleContentProps = typeof __propDef.props;
+export type CollapsibleContentEvents = typeof __propDef.events;
+export type CollapsibleContentSlots = typeof __propDef.slots;
+export default class CollapsibleContent extends SvelteComponent<CollapsibleContentProps, CollapsibleContentEvents, CollapsibleContentSlots> {
+}
+export {};

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

@@ -0,0 +1,5 @@
+import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import Content from "./collapsible-content.svelte";
+declare const Root: typeof CollapsiblePrimitive.Root;
+declare const Trigger: typeof CollapsiblePrimitive.Trigger;
+export { Root, Content, Trigger, Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger, };

package/dist/components/collapsible/index.js

@@ -0,0 +1,7 @@
+import { Collapsible as CollapsiblePrimitive } from "bits-ui";
+import Content from "./collapsible-content.svelte";
+const Root = CollapsiblePrimitive.Root;
+const Trigger = CollapsiblePrimitive.Trigger;
+export { Root, Content, Trigger, 
+//
+Root as Collapsible, Content as CollapsibleContent, Trigger as CollapsibleTrigger, };

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

@@ -0,0 +1,17 @@
+<script>import Command from "./command.svelte";
+import * as Dialog from "../dialog/index.js";
+export let open = false;
+export let value = void 0;
+</script>
+
+<Dialog.Root bind:open {...$$restProps}>
+  <Dialog.Content class="overflow-hidden p-0 shadow-lg">
+    <Command
+      class="[&_[data-cmdk-group-heading]]:text-muted-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-group]]:px-2 [&_[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-cmdk-item]_svg]:h-5 [&_[data-cmdk-item]_svg]:w-5"
+      {...$$restProps}
+      bind:value
+    >
+      <slot />
+    </Command>
+  </Dialog.Content>
+</Dialog.Root>

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

@@ -0,0 +1,40 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        preventScroll?: boolean | undefined;
+        closeOnEscape?: boolean | undefined;
+        closeOnOutsideClick?: boolean | undefined;
+        onOutsideClick?: ((event: PointerEvent | MouseEvent | TouchEvent) => void) | undefined;
+        portal?: (HTMLElement | string | null) | undefined;
+        open?: boolean | undefined;
+        onOpenChange?: import("bits-ui/dist/internal").OnChangeFn<boolean> | undefined;
+        openFocus?: import("bits-ui").FocusProp | undefined;
+        closeFocus?: import("bits-ui").FocusProp | undefined;
+    } & {
+        state?: import("svelte/store").Writable<import("cmdk-sv").State> | undefined;
+        label?: string | undefined;
+        shouldFilter?: boolean | undefined;
+        filter?: ((value: string, search: string) => number) | undefined;
+        value?: string | undefined;
+        onValueChange?: ((value: string) => void) | undefined;
+        loop?: boolean | undefined;
+        ids?: Partial<import("cmdk-sv").CommandIds> | undefined;
+    } & import("cmdk-sv/dist/internal").HTMLDivAttributes & {
+        onKeydown?: (e: KeyboardEvent) => void;
+        asChild?: boolean;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandDialogProps = typeof __propDef.props;
+export type CommandDialogEvents = typeof __propDef.events;
+export type CommandDialogSlots = typeof __propDef.slots;
+export default class CommandDialog extends SvelteComponent<CommandDialogProps, CommandDialogEvents, CommandDialogSlots> {
+}
+export {};

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

@@ -0,0 +1,9 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Empty class={cn("py-6 text-center text-sm", className)} {...$$restProps}>
+  <slot />
+</CommandPrimitive.Empty>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.EmptyProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandEmptyProps = typeof __propDef.props;
+export type CommandEmptyEvents = typeof __propDef.events;
+export type CommandEmptySlots = typeof __propDef.slots;
+export default class CommandEmpty extends SvelteComponent<CommandEmptyProps, CommandEmptyEvents, CommandEmptySlots> {
+}
+export {};

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

@@ -0,0 +1,15 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Group
+  class={cn(
+    "text-foreground [&_[data-cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[data-cmdk-group-heading]]:px-2 [&_[data-cmdk-group-heading]]:py-1.5 [&_[data-cmdk-group-heading]]:text-xs [&_[data-cmdk-group-heading]]:font-medium",
+    className,
+  )}
+  {...$$restProps}
+>
+  <slot />
+</CommandPrimitive.Group>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.GroupProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandGroupProps = typeof __propDef.props;
+export type CommandGroupEvents = typeof __propDef.events;
+export type CommandGroupSlots = typeof __propDef.slots;
+export default class CommandGroup extends SvelteComponent<CommandGroupProps, CommandGroupEvents, CommandGroupSlots> {
+}
+export {};

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

@@ -0,0 +1,19 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+export let value = "";
+</script>
+
+<div class="flex items-center border-b px-2" data-cmdk-input-wrapper="">
+  <!-- <Search class="mr-2 h-4 w-4 shrink-0 opacity-50" /> -->
+  <i class="fas fa-search mr-2 h-4 w-4 shrink-0 opacity-50"></i>
+  <CommandPrimitive.Input
+    class={cn(
+      "placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+      className,
+    )}
+    {...$$restProps}
+    bind:value
+  />
+</div>

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.InputProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandInputProps = typeof __propDef.props;
+export type CommandInputEvents = typeof __propDef.events;
+export type CommandInputSlots = typeof __propDef.slots;
+export default class CommandInput extends SvelteComponent<CommandInputProps, CommandInputEvents, CommandInputSlots> {
+}
+export {};

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

@@ -0,0 +1,19 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+export let asChild = false;
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Item
+  {asChild}
+  class={cn(
+    "aria-selected:bg-accent aria-selected:text-accent-foreground 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-[disabled]:opacity-50",
+    className,
+  )}
+  {...$$restProps}
+  let:action
+  let:attrs
+>
+  <slot {action} {attrs} />
+</CommandPrimitive.Item>

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

@@ -0,0 +1,33 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ItemProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            action: (node: HTMLElement) => {
+                destroy(): void;
+            };
+            attrs: {
+                'aria-disabled': boolean | undefined;
+                'aria-selected': boolean | undefined;
+                'data-disabled': boolean | undefined;
+                'data-selected': boolean | undefined;
+                'data-cmdk-item': string;
+                'data-value': string;
+                role: string;
+                id: string;
+            };
+        };
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandItemProps = typeof __propDef.props;
+export type CommandItemEvents = typeof __propDef.events;
+export type CommandItemSlots = typeof __propDef.slots;
+export default class CommandItem extends SvelteComponent<CommandItemProps, CommandItemEvents, CommandItemSlots> {
+}
+export {};

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

@@ -0,0 +1,12 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.List
+  class={cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)}
+  {...$$restProps}
+>
+  <slot />
+</CommandPrimitive.List>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.ListProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandListProps = typeof __propDef.props;
+export type CommandListEvents = typeof __propDef.events;
+export type CommandListSlots = typeof __propDef.slots;
+export default class CommandList extends SvelteComponent<CommandListProps, CommandListEvents, CommandListSlots> {
+}
+export {};

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

@@ -0,0 +1,7 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Separator class={cn("bg-border -mx-1 h-px", className)} {...$$restProps} />

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.SeparatorProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandSeparatorProps = typeof __propDef.props;
+export type CommandSeparatorEvents = typeof __propDef.events;
+export type CommandSeparatorSlots = typeof __propDef.slots;
+export default class CommandSeparator extends SvelteComponent<CommandSeparatorProps, CommandSeparatorEvents, CommandSeparatorSlots> {
+}
+export {};

package/dist/components/command/command-shortcut.svelte

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<span
+  class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
+  {...$$restProps}
+>
+  <slot />
+</span>

package/dist/components/command/command-shortcut.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLSpanElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CommandShortcutProps = typeof __propDef.props;
+export type CommandShortcutEvents = typeof __propDef.events;
+export type CommandShortcutSlots = typeof __propDef.slots;
+export default class CommandShortcut extends SvelteComponent<CommandShortcutProps, CommandShortcutEvents, CommandShortcutSlots> {
+}
+export {};

package/dist/components/command/command.svelte

@@ -0,0 +1,17 @@
+<script>import { Command as CommandPrimitive } from "cmdk-sv";
+import { cn } from "../../utils/shadcn-utils.js";
+export let value = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<CommandPrimitive.Root
+  class={cn(
+    "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+    className,
+  )}
+  bind:value
+  {...$$restProps}
+>
+  <slot />
+</CommandPrimitive.Root>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Command as CommandPrimitive } from "cmdk-sv";
+declare const __propDef: {
+    props: CommandPrimitive.CommandProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+type CommandProps_ = typeof __propDef.props;
+export { CommandProps_ as CommandProps };
+export type CommandEvents = typeof __propDef.events;
+export type CommandSlots = typeof __propDef.slots;
+export default class Command extends SvelteComponent<CommandProps_, CommandEvents, CommandSlots> {
+}

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

@@ -0,0 +1,12 @@
+import { Command as CommandPrimitive } from "cmdk-sv";
+import Root from "./command.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+declare const Loading: typeof CommandPrimitive.Loading;
+export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading, };

package/dist/components/command/index.js

@@ -0,0 +1,14 @@
+import { Command as CommandPrimitive } from "cmdk-sv";
+import Root from "./command.svelte";
+import Dialog from "./command-dialog.svelte";
+import Empty from "./command-empty.svelte";
+import Group from "./command-group.svelte";
+import Item from "./command-item.svelte";
+import Input from "./command-input.svelte";
+import List from "./command-list.svelte";
+import Separator from "./command-separator.svelte";
+import Shortcut from "./command-shortcut.svelte";
+const Loading = CommandPrimitive.Loading;
+export { Root, Dialog, Empty, Group, Item, Input, List, Separator, Shortcut, Loading, 
+//
+Root as Command, Dialog as CommandDialog, Empty as CommandEmpty, Group as CommandGroup, Item as CommandItem, Input as CommandInput, List as CommandList, Separator as CommandSeparator, Shortcut as CommandShortcut, Loading as CommandLoading, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/ui",
-  "version": "1.0.26",
+  "version": "1.1.0",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm run package && node ./fix_dts_imports.js",
@@ -63,6 +63,7 @@
   "dependencies": {
     "bits-ui": "^0.22.0",
     "clsx": "^2.1.1",
+    "cmdk-sv": "^0.0.18",
     "svelte-popperjs": "^1.3.2",
     "svelte-select": "^5.6.0",
     "svelte-sonner": "^0.3.28",