@walkthru-earth/objex 0.1.0

package/dist/components/ui/button/button.svelte

@@ -0,0 +1,82 @@
+<script lang="ts" module>
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import { tv, type VariantProps } from 'tailwind-variants';
+import { cn, type WithElementRef } from '../../../utils.js';
+
+export const buttonVariants = tv({
+	base: "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 select-none items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	variants: {
+		variant: {
+			default: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs',
+			destructive:
+				'bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white shadow-xs',
+			outline:
+				'bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs',
+			secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs',
+			ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+			link: 'text-primary underline-offset-4 hover:underline'
+		},
+		size: {
+			default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+			sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
+			lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+			icon: 'size-9',
+			'icon-sm': 'size-8',
+			'icon-lg': 'size-10'
+		}
+	},
+	defaultVariants: {
+		variant: 'default',
+		size: 'default'
+	}
+});
+
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+
+export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+	WithElementRef<HTMLAnchorAttributes> & {
+		variant?: ButtonVariant;
+		size?: ButtonSize;
+	};
+</script>
+
+<script lang="ts">
+	let {
+		class: className,
+		variant = "default",
+		size = "default",
+		ref = $bindable(null),
+		href = undefined,
+		type = "button",
+		disabled,
+		children,
+		...restProps
+	}: ButtonProps = $props();
+</script>
+
+{#if href}
+	<a
+		bind:this={ref}
+		data-slot="button"
+		class={cn(buttonVariants({ variant, size }), className)}
+		href={disabled ? undefined : href}
+		aria-disabled={disabled}
+		role={disabled ? "link" : undefined}
+		tabindex={disabled ? -1 : undefined}
+		{...restProps}
+	>
+		{@render children?.()}
+	</a>
+{:else}
+	<button
+		bind:this={ref}
+		data-slot="button"
+		class={cn(buttonVariants({ variant, size }), className)}
+		{type}
+		{disabled}
+		{...restProps}
+	>
+		{@render children?.()}
+	</button>
+{/if}

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

@@ -0,0 +1,64 @@
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import { type VariantProps } from 'tailwind-variants';
+import { type WithElementRef } from '../../../utils.js';
+export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 select-none items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+        'icon-lg': string;
+    };
+}, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 select-none items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+};
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

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

@@ -0,0 +1,2 @@
+import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
+export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };

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

@@ -0,0 +1,4 @@
+import Root, { buttonVariants } from './button.svelte';
+export { Root, 
+//
+Root as Button, buttonVariants };

package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+import CheckIcon from '@lucide/svelte/icons/check';
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import { cn, type WithoutChildrenOrChild } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	checked = $bindable(false),
+	indeterminate = $bindable(false),
+	class: className,
+	children: childrenProp,
+	...restProps
+}: WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
+	children?: Snippet;
+} = $props();
+</script>
+
+<ContextMenuPrimitive.CheckboxItem
+	bind:ref
+	bind:checked
+	bind:indeterminate
+	data-slot="context-menu-checkbox-item"
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span
+			class="pointer-events-none absolute start-2 flex size-3.5 items-center justify-center"
+		>
+			{#if checked}
+				<CheckIcon class="size-4" />
+			{/if}
+		</span>
+		{@render childrenProp?.()}
+	{/snippet}
+</ContextMenuPrimitive.CheckboxItem>

package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts

@@ -0,0 +1,9 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import { type WithoutChildrenOrChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
+    children?: Snippet;
+};
+declare const ContextMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked" | "indeterminate">;
+type ContextMenuCheckboxItem = ReturnType<typeof ContextMenuCheckboxItem>;
+export default ContextMenuCheckboxItem;

package/dist/components/ui/context-menu/context-menu-content.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../../utils.js';
+import { cn } from '../../../utils.js';
+import ContextMenuPortal from './context-menu-portal.svelte';
+
+let {
+	ref = $bindable(null),
+	portalProps,
+	class: className,
+	...restProps
+}: ContextMenuPrimitive.ContentProps & {
+	portalProps?: WithoutChildrenOrChild<ComponentProps<typeof ContextMenuPortal>>;
+} = $props();
+</script>
+
+<ContextMenuPortal {...portalProps}>
+	<ContextMenuPrimitive.Content
+		bind:ref
+		data-slot="context-menu-content"
+		class={cn(
+			"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--bits-context-menu-content-available-height) min-w-[8rem] origin-(--bits-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+			className
+		)}
+		{...restProps}
+	/>
+</ContextMenuPortal>

package/dist/components/ui/context-menu/context-menu-content.svelte.d.ts

@@ -0,0 +1,10 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+import type { WithoutChildrenOrChild } from '../../../utils.js';
+import ContextMenuPortal from './context-menu-portal.svelte';
+type $$ComponentProps = ContextMenuPrimitive.ContentProps & {
+    portalProps?: WithoutChildrenOrChild<ComponentProps<typeof ContextMenuPortal>>;
+};
+declare const ContextMenuContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ContextMenuContent = ReturnType<typeof ContextMenuContent>;
+export default ContextMenuContent;

package/dist/components/ui/context-menu/context-menu-group-heading.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	inset,
+	...restProps
+}: ContextMenuPrimitive.GroupHeadingProps & {
+	inset?: boolean;
+} = $props();
+</script>
+
+<ContextMenuPrimitive.GroupHeading
+	bind:ref
+	data-slot="context-menu-group-heading"
+	data-inset={inset}
+	class={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:ps-8", className)}
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-group-heading.svelte.d.ts

@@ -0,0 +1,7 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+type $$ComponentProps = ContextMenuPrimitive.GroupHeadingProps & {
+    inset?: boolean;
+};
+declare const ContextMenuGroupHeading: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ContextMenuGroupHeading = ReturnType<typeof ContextMenuGroupHeading>;
+export default ContextMenuGroupHeading;

package/dist/components/ui/context-menu/context-menu-group.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.GroupProps = $props();
+</script>
+
+<ContextMenuPrimitive.Group bind:ref data-slot="context-menu-group" {...restProps} />

package/dist/components/ui/context-menu/context-menu-group.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+declare const ContextMenuGroup: import("svelte").Component<ContextMenuPrimitive.GroupProps, {}, "ref">;
+type ContextMenuGroup = ReturnType<typeof ContextMenuGroup>;
+export default ContextMenuGroup;

package/dist/components/ui/context-menu/context-menu-item.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	inset,
+	variant = 'default',
+	...restProps
+}: ContextMenuPrimitive.ItemProps & {
+	inset?: boolean;
+	variant?: 'default' | 'destructive';
+} = $props();
+</script>
+
+<ContextMenuPrimitive.Item
+	bind:ref
+	data-slot="context-menu-item"
+	data-inset={inset}
+	data-variant={variant}
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-item.svelte.d.ts

@@ -0,0 +1,8 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+type $$ComponentProps = ContextMenuPrimitive.ItemProps & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+};
+declare const ContextMenuItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ContextMenuItem = ReturnType<typeof ContextMenuItem>;
+export default ContextMenuItem;

package/dist/components/ui/context-menu/context-menu-label.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+import type { HTMLAttributes } from 'svelte/elements';
+import { cn, type WithElementRef } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	inset,
+	children,
+	...restProps
+}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+	inset?: boolean;
+} = $props();
+</script>
+
+<div
+	bind:this={ref}
+	data-slot="context-menu-label"
+	data-inset={inset}
+	class={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:ps-8", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
+    inset?: boolean;
+};
+declare const ContextMenuLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ContextMenuLabel = ReturnType<typeof ContextMenuLabel>;
+export default ContextMenuLabel;

package/dist/components/ui/context-menu/context-menu-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let { ...restProps }: ContextMenuPrimitive.PortalProps = $props();
+</script>
+
+<ContextMenuPrimitive.Portal {...restProps} />

package/dist/components/ui/context-menu/context-menu-portal.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ContextMenuPortal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type ContextMenuPortal = ReturnType<typeof ContextMenuPortal>;
+export default ContextMenuPortal;

package/dist/components/ui/context-menu/context-menu-radio-group.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let {
+	ref = $bindable(null),
+	value = $bindable(''),
+	...restProps
+}: ContextMenuPrimitive.RadioGroupProps = $props();
+</script>
+
+<ContextMenuPrimitive.RadioGroup
+	bind:ref
+	bind:value
+	data-slot="context-menu-radio-group"
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-radio-group.svelte.d.ts

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

package/dist/components/ui/context-menu/context-menu-radio-item.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+import CircleIcon from '@lucide/svelte/icons/circle';
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn, type WithoutChild } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	children: childrenProp,
+	...restProps
+}: WithoutChild<ContextMenuPrimitive.RadioItemProps> = $props();
+</script>
+
+<ContextMenuPrimitive.RadioItem
+	bind:ref
+	data-slot="context-menu-radio-item"
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 ps-8 pe-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{#snippet children({ checked })}
+		<span
+			class="pointer-events-none absolute start-2 flex size-3.5 items-center justify-center"
+		>
+			{#if checked}
+				<CircleIcon class="size-2 fill-current" />
+			{/if}
+		</span>
+		{@render childrenProp?.({ checked })}
+	{/snippet}
+</ContextMenuPrimitive.RadioItem>

package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+declare const ContextMenuRadioItem: import("svelte").Component<Omit<ContextMenuPrimitive.RadioItemProps, "child">, {}, "ref">;
+type ContextMenuRadioItem = ReturnType<typeof ContextMenuRadioItem>;
+export default ContextMenuRadioItem;

package/dist/components/ui/context-menu/context-menu-separator.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	...restProps
+}: ContextMenuPrimitive.SeparatorProps = $props();
+</script>
+
+<ContextMenuPrimitive.Separator
+	bind:ref
+	data-slot="context-menu-separator"
+	class={cn("bg-border -mx-1 my-1 h-px", className)}
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-separator.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+declare const ContextMenuSeparator: import("svelte").Component<ContextMenuPrimitive.SeparatorProps, {}, "ref">;
+type ContextMenuSeparator = ReturnType<typeof ContextMenuSeparator>;
+export default ContextMenuSeparator;

package/dist/components/ui/context-menu/context-menu-shortcut.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import type { HTMLAttributes } from 'svelte/elements';
+import { cn, type WithElementRef } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	children,
+	...restProps
+}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
+</script>
+
+<span
+	bind:this={ref}
+	data-slot="context-menu-shortcut"
+	class={cn("text-muted-foreground ms-auto text-xs tracking-widest", className)}
+	{...restProps}
+>
+	{@render children?.()}
+</span>

package/dist/components/ui/context-menu/context-menu-shortcut.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import { type WithElementRef } from '../../../utils.js';
+declare const ContextMenuShortcut: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLSpanElement>>, {}, "ref">;
+type ContextMenuShortcut = ReturnType<typeof ContextMenuShortcut>;
+export default ContextMenuShortcut;

package/dist/components/ui/context-menu/context-menu-sub-content.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	...restProps
+}: ContextMenuPrimitive.SubContentProps = $props();
+</script>
+
+<ContextMenuPrimitive.SubContent
+	bind:ref
+	data-slot="context-menu-sub-content"
+	class={cn(
+		"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-end-2 data-[side=right]:slide-in-from-start-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--bits-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+		className
+	)}
+	{...restProps}
+/>

package/dist/components/ui/context-menu/context-menu-sub-content.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+declare const ContextMenuSubContent: import("svelte").Component<ContextMenuPrimitive.SubContentProps, {}, "ref">;
+type ContextMenuSubContent = ReturnType<typeof ContextMenuSubContent>;
+export default ContextMenuSubContent;

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+import ChevronRightIcon from '@lucide/svelte/icons/chevron-right';
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { cn, type WithoutChild } from '../../../utils.js';
+
+let {
+	ref = $bindable(null),
+	class: className,
+	inset,
+	children,
+	...restProps
+}: WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
+	inset?: boolean;
+} = $props();
+</script>
+
+<ContextMenuPrimitive.SubTrigger
+	bind:ref
+	data-slot="context-menu-sub-trigger"
+	data-inset={inset}
+	class={cn(
+		"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+		className
+	)}
+	{...restProps}
+>
+	{@render children?.()}
+	<ChevronRightIcon class="ms-auto rtl:-scale-x-100" />
+</ContextMenuPrimitive.SubTrigger>

package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+import { type WithoutChild } from '../../../utils.js';
+type $$ComponentProps = WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
+    inset?: boolean;
+};
+declare const ContextMenuSubTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type ContextMenuSubTrigger = ReturnType<typeof ContextMenuSubTrigger>;
+export default ContextMenuSubTrigger;

package/dist/components/ui/context-menu/context-menu-sub.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.SubProps = $props();
+</script>
+
+<ContextMenuPrimitive.Sub bind:open {...restProps} />

package/dist/components/ui/context-menu/context-menu-sub.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ContextMenuSub: import("svelte").Component<import("bits-ui").ContextMenuSubPropsWithoutHTML, {}, "open">;
+type ContextMenuSub = ReturnType<typeof ContextMenuSub>;
+export default ContextMenuSub;

package/dist/components/ui/context-menu/context-menu-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.TriggerProps = $props();
+</script>
+
+<ContextMenuPrimitive.Trigger bind:ref data-slot="context-menu-trigger" {...restProps} />

package/dist/components/ui/context-menu/context-menu-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+declare const ContextMenuTrigger: import("svelte").Component<ContextMenuPrimitive.TriggerProps, {}, "ref">;
+type ContextMenuTrigger = ReturnType<typeof ContextMenuTrigger>;
+export default ContextMenuTrigger;

package/dist/components/ui/context-menu/context-menu.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
+
+let { open = $bindable(false), ...restProps }: ContextMenuPrimitive.RootProps = $props();
+</script>
+
+<ContextMenuPrimitive.Root bind:open {...restProps} />

package/dist/components/ui/context-menu/context-menu.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const ContextMenu: import("svelte").Component<import("bits-ui").ContextMenuRootPropsWithoutHTML, {}, "open">;
+type ContextMenu = ReturnType<typeof ContextMenu>;
+export default ContextMenu;

package/dist/components/ui/context-menu/index.d.ts

@@ -0,0 +1,17 @@
+import Root from './context-menu.svelte';
+import CheckboxItem from './context-menu-checkbox-item.svelte';
+import Content from './context-menu-content.svelte';
+import Group from './context-menu-group.svelte';
+import GroupHeading from './context-menu-group-heading.svelte';
+import Item from './context-menu-item.svelte';
+import Label from './context-menu-label.svelte';
+import Portal from './context-menu-portal.svelte';
+import RadioGroup from './context-menu-radio-group.svelte';
+import RadioItem from './context-menu-radio-item.svelte';
+import Separator from './context-menu-separator.svelte';
+import Shortcut from './context-menu-shortcut.svelte';
+import Sub from './context-menu-sub.svelte';
+import SubContent from './context-menu-sub-content.svelte';
+import SubTrigger from './context-menu-sub-trigger.svelte';
+import Trigger from './context-menu-trigger.svelte';
+export { Root, Sub, Portal, Item, GroupHeading, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, Portal as ContextMenuPortal, Item as ContextMenuItem, GroupHeading as ContextMenuGroupHeading, Group as ContextMenuGroup, Content as ContextMenuContent, Trigger as ContextMenuTrigger, Shortcut as ContextMenuShortcut, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, RadioGroup as ContextMenuRadioGroup, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, CheckboxItem as ContextMenuCheckboxItem, Label as ContextMenuLabel };