@connectorvol/tree 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +30 -29
- package/dist/(classes)/chessTree.svelte.d.ts +0 -51
- package/dist/(classes)/chessTree.svelte.js +0 -160
- package/dist/(components)/ImportToPgn.svelte +0 -16
- package/dist/(components)/ImportToPgn.svelte.d.ts +0 -7
- package/dist/(components)/Move.svelte +0 -285
- package/dist/(components)/Move.svelte.d.ts +0 -14
- package/dist/(components)/MoveWithIcon.svelte +0 -48
- package/dist/(components)/MoveWithIcon.svelte.d.ts +0 -14
- package/dist/(components)/PieceIcon.svelte +0 -44
- package/dist/(components)/PieceIcon.svelte.d.ts +0 -15
- package/dist/(components)/TreeViewer.svelte +0 -82
- package/dist/(components)/TreeViewer.svelte.d.ts +0 -17
- package/dist/(components)/TreeViewerPanelManager.svelte +0 -246
- package/dist/(components)/TreeViewerPanelManager.svelte.d.ts +0 -13
- package/dist/(constants)/png.d.ts +0 -11
- package/dist/(constants)/png.js +0 -126
- package/dist/(models)/chessTreeNode.d.ts +0 -15
- package/dist/(models)/chessTreeNode.js +0 -1
- package/dist/(models)/pgnNodeCustomData.d.ts +0 -10
- package/dist/(models)/pgnNodeCustomData.js +0 -1
- package/dist/(utils)/context.d.ts +0 -13
- package/dist/(utils)/context.js +0 -17
- package/dist/(utils)/createPgnFromTree.d.ts +0 -2
- package/dist/(utils)/createPgnFromTree.js +0 -5
- package/dist/(utils)/parseSanMove.d.ts +0 -27
- package/dist/(utils)/parseSanMove.js +0 -84
- package/dist/(utils)/scrollToActiveMove.d.ts +0 -7
- package/dist/(utils)/scrollToActiveMove.js +0 -72
- package/dist/(utils)/scrollToStart.d.ts +0 -6
- package/dist/(utils)/scrollToStart.js +0 -46
- package/dist/(utils)/transformNag.d.ts +0 -1
- package/dist/(utils)/transformNag.js +0 -34
- package/dist/(utils)/transformPgnToChessNode.d.ts +0 -7
- package/dist/(utils)/transformPgnToChessNode.js +0 -56
- package/dist/components/ui/button/button.svelte +0 -82
- package/dist/components/ui/button/button.svelte.d.ts +0 -64
- package/dist/components/ui/button/index.d.ts +0 -2
- package/dist/components/ui/button/index.js +0 -4
- package/dist/components/ui/button-group/button-group-separator.svelte +0 -20
- package/dist/components/ui/button-group/button-group-separator.svelte.d.ts +0 -13
- package/dist/components/ui/button-group/button-group-text.svelte +0 -30
- package/dist/components/ui/button-group/button-group-text.svelte.d.ts +0 -11
- package/dist/components/ui/button-group/button-group.svelte +0 -46
- package/dist/components/ui/button-group/button-group.svelte.d.ts +0 -26
- package/dist/components/ui/button-group/index.d.ts +0 -4
- package/dist/components/ui/button-group/index.js +0 -6
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte +0 -38
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +0 -9
- package/dist/components/ui/context-menu/context-menu-content.svelte +0 -25
- package/dist/components/ui/context-menu/context-menu-content.svelte.d.ts +0 -7
- package/dist/components/ui/context-menu/context-menu-group-heading.svelte +0 -21
- package/dist/components/ui/context-menu/context-menu-group-heading.svelte.d.ts +0 -7
- package/dist/components/ui/context-menu/context-menu-group.svelte +0 -7
- package/dist/components/ui/context-menu/context-menu-group.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/context-menu-item.svelte +0 -27
- package/dist/components/ui/context-menu/context-menu-item.svelte.d.ts +0 -8
- package/dist/components/ui/context-menu/context-menu-label.svelte +0 -24
- package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +0 -8
- package/dist/components/ui/context-menu/context-menu-radio-group.svelte +0 -16
- package/dist/components/ui/context-menu/context-menu-radio-group.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte +0 -31
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/context-menu-separator.svelte +0 -17
- package/dist/components/ui/context-menu/context-menu-separator.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/context-menu-shortcut.svelte +0 -20
- package/dist/components/ui/context-menu/context-menu-shortcut.svelte.d.ts +0 -5
- package/dist/components/ui/context-menu/context-menu-sub-content.svelte +0 -20
- package/dist/components/ui/context-menu/context-menu-sub-content.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte +0 -29
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +0 -8
- package/dist/components/ui/context-menu/context-menu-trigger.svelte +0 -7
- package/dist/components/ui/context-menu/context-menu-trigger.svelte.d.ts +0 -4
- package/dist/components/ui/context-menu/index.d.ts +0 -16
- package/dist/components/ui/context-menu/index.js +0 -19
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +0 -41
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +0 -9
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +0 -27
- package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +0 -7
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte +0 -22
- package/dist/components/ui/dropdown-menu/dropdown-menu-group-heading.svelte.d.ts +0 -8
- package/dist/components/ui/dropdown-menu/dropdown-menu-group.svelte +0 -7
- package/dist/components/ui/dropdown-menu/dropdown-menu-group.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +0 -27
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +0 -8
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +0 -24
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +0 -8
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte +0 -16
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +0 -31
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte +0 -17
- package/dist/components/ui/dropdown-menu/dropdown-menu-separator.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte +0 -20
- package/dist/components/ui/dropdown-menu/dropdown-menu-shortcut.svelte.d.ts +0 -5
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte +0 -20
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-content.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +0 -29
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +0 -7
- package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte +0 -7
- package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte.d.ts +0 -4
- package/dist/components/ui/dropdown-menu/index.js +0 -17
- package/dist/components/ui/separator/index.d.ts +0 -2
- package/dist/components/ui/separator/index.js +0 -4
- package/dist/components/ui/separator/separator.svelte +0 -21
- package/dist/components/ui/separator/separator.svelte.d.ts +0 -4
- package/dist/components/ui/sonner/index.d.ts +0 -1
- package/dist/components/ui/sonner/index.js +0 -1
- package/dist/components/ui/sonner/sonner.svelte +0 -13
- package/dist/components/ui/sonner/sonner.svelte.d.ts +0 -4
- package/dist/index.d.ts +0 -8
- package/dist/index.js +0 -7
- package/dist/utils.d.ts +0 -12
- package/dist/utils.js +0 -5
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type WithElementRef } from "../../../utils.js";
|
|
2
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
-
import type { Snippet } from "svelte";
|
|
4
|
-
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
5
|
-
child?: Snippet<[{
|
|
6
|
-
props: Record<string, unknown>;
|
|
7
|
-
}]>;
|
|
8
|
-
};
|
|
9
|
-
declare const ButtonGroupText: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
10
|
-
type ButtonGroupText = ReturnType<typeof ButtonGroupText>;
|
|
11
|
-
export default ButtonGroupText;
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
<script lang="ts" module>
|
|
2
|
-
import { tv, type VariantProps } from "tailwind-variants";
|
|
3
|
-
|
|
4
|
-
export const buttonGroupVariants = tv({
|
|
5
|
-
base: "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
|
|
6
|
-
variants: {
|
|
7
|
-
orientation: {
|
|
8
|
-
horizontal:
|
|
9
|
-
"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
|
|
10
|
-
vertical:
|
|
11
|
-
"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
|
|
12
|
-
},
|
|
13
|
-
},
|
|
14
|
-
defaultVariants: {
|
|
15
|
-
orientation: "horizontal",
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
export type ButtonGroupOrientation = VariantProps<typeof buttonGroupVariants>["orientation"];
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<script lang="ts">
|
|
23
|
-
import { cn, type WithElementRef } from "../../../utils.js";
|
|
24
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
25
|
-
|
|
26
|
-
let {
|
|
27
|
-
ref = $bindable(null),
|
|
28
|
-
class: className,
|
|
29
|
-
children,
|
|
30
|
-
orientation = "horizontal",
|
|
31
|
-
...restProps
|
|
32
|
-
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
33
|
-
orientation?: ButtonGroupOrientation;
|
|
34
|
-
} = $props();
|
|
35
|
-
</script>
|
|
36
|
-
|
|
37
|
-
<div
|
|
38
|
-
bind:this={ref}
|
|
39
|
-
role="group"
|
|
40
|
-
data-slot="button-group"
|
|
41
|
-
data-orientation={orientation}
|
|
42
|
-
class={cn(buttonGroupVariants({ orientation }), className)}
|
|
43
|
-
{...restProps}
|
|
44
|
-
>
|
|
45
|
-
{@render children?.()}
|
|
46
|
-
</div>
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from "tailwind-variants";
|
|
2
|
-
export declare const buttonGroupVariants: import("tailwind-variants").TVReturnType<{
|
|
3
|
-
orientation: {
|
|
4
|
-
horizontal: string;
|
|
5
|
-
vertical: string;
|
|
6
|
-
};
|
|
7
|
-
}, undefined, "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
|
|
8
|
-
orientation: {
|
|
9
|
-
horizontal: string;
|
|
10
|
-
vertical: string;
|
|
11
|
-
};
|
|
12
|
-
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
13
|
-
orientation: {
|
|
14
|
-
horizontal: string;
|
|
15
|
-
vertical: string;
|
|
16
|
-
};
|
|
17
|
-
}, undefined, "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
|
|
18
|
-
export type ButtonGroupOrientation = VariantProps<typeof buttonGroupVariants>["orientation"];
|
|
19
|
-
import { type WithElementRef } from "../../../utils.js";
|
|
20
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
21
|
-
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
22
|
-
orientation?: ButtonGroupOrientation;
|
|
23
|
-
};
|
|
24
|
-
declare const ButtonGroup: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
25
|
-
type ButtonGroup = ReturnType<typeof ButtonGroup>;
|
|
26
|
-
export default ButtonGroup;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import Root from "./button-group.svelte";
|
|
2
|
-
import Text from "./button-group-text.svelte";
|
|
3
|
-
import Separator from "./button-group-separator.svelte";
|
|
4
|
-
export { Root, Text, Separator,
|
|
5
|
-
//
|
|
6
|
-
Root as ButtonGroup, Text as ButtonGroupText, Separator as ButtonGroupSeparator, };
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import CheckIcon from "@lucide/svelte/icons/check";
|
|
4
|
-
import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
|
|
5
|
-
import type { Snippet } from "svelte";
|
|
6
|
-
|
|
7
|
-
let {
|
|
8
|
-
ref = $bindable(null),
|
|
9
|
-
checked = $bindable(false),
|
|
10
|
-
indeterminate = $bindable(false),
|
|
11
|
-
class: className,
|
|
12
|
-
children: childrenProp,
|
|
13
|
-
...restProps
|
|
14
|
-
}: WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
|
|
15
|
-
children?: Snippet;
|
|
16
|
-
} = $props();
|
|
17
|
-
</script>
|
|
18
|
-
|
|
19
|
-
<ContextMenuPrimitive.CheckboxItem
|
|
20
|
-
bind:ref
|
|
21
|
-
bind:checked
|
|
22
|
-
bind:indeterminate
|
|
23
|
-
data-slot="context-menu-checkbox-item"
|
|
24
|
-
class={cn(
|
|
25
|
-
"data-highlighted:bg-accent data-highlighted:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
26
|
-
className
|
|
27
|
-
)}
|
|
28
|
-
{...restProps}
|
|
29
|
-
>
|
|
30
|
-
{#snippet children({ checked })}
|
|
31
|
-
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
|
|
32
|
-
{#if checked}
|
|
33
|
-
<CheckIcon class="size-4" />
|
|
34
|
-
{/if}
|
|
35
|
-
</span>
|
|
36
|
-
{@render childrenProp?.()}
|
|
37
|
-
{/snippet}
|
|
38
|
-
</ContextMenuPrimitive.CheckboxItem>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
import { type WithoutChildrenOrChild } from "../../../utils.js";
|
|
3
|
-
import type { Snippet } from "svelte";
|
|
4
|
-
type $$ComponentProps = WithoutChildrenOrChild<ContextMenuPrimitive.CheckboxItemProps> & {
|
|
5
|
-
children?: Snippet;
|
|
6
|
-
};
|
|
7
|
-
declare const ContextMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked" | "indeterminate">;
|
|
8
|
-
type ContextMenuCheckboxItem = ReturnType<typeof ContextMenuCheckboxItem>;
|
|
9
|
-
export default ContextMenuCheckboxItem;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
portalProps,
|
|
8
|
-
class: className,
|
|
9
|
-
...restProps
|
|
10
|
-
}: ContextMenuPrimitive.ContentProps & {
|
|
11
|
-
portalProps?: ContextMenuPrimitive.PortalProps;
|
|
12
|
-
} = $props();
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<ContextMenuPrimitive.Portal {...portalProps}>
|
|
16
|
-
<ContextMenuPrimitive.Content
|
|
17
|
-
bind:ref
|
|
18
|
-
data-slot="context-menu-content"
|
|
19
|
-
class={cn(
|
|
20
|
-
"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-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--bits-context-menu-content-available-height) origin-(--bits-context-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md",
|
|
21
|
-
className
|
|
22
|
-
)}
|
|
23
|
-
{...restProps}
|
|
24
|
-
/>
|
|
25
|
-
</ContextMenuPrimitive.Portal>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
type $$ComponentProps = ContextMenuPrimitive.ContentProps & {
|
|
3
|
-
portalProps?: ContextMenuPrimitive.PortalProps;
|
|
4
|
-
};
|
|
5
|
-
declare const ContextMenuContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
6
|
-
type ContextMenuContent = ReturnType<typeof ContextMenuContent>;
|
|
7
|
-
export default ContextMenuContent;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
inset,
|
|
9
|
-
...restProps
|
|
10
|
-
}: ContextMenuPrimitive.GroupHeadingProps & {
|
|
11
|
-
inset?: boolean;
|
|
12
|
-
} = $props();
|
|
13
|
-
</script>
|
|
14
|
-
|
|
15
|
-
<ContextMenuPrimitive.GroupHeading
|
|
16
|
-
bind:ref
|
|
17
|
-
data-slot="context-menu-group-heading"
|
|
18
|
-
data-inset={inset}
|
|
19
|
-
class={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
|
|
20
|
-
{...restProps}
|
|
21
|
-
/>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
type $$ComponentProps = ContextMenuPrimitive.GroupHeadingProps & {
|
|
3
|
-
inset?: boolean;
|
|
4
|
-
};
|
|
5
|
-
declare const ContextMenuGroupHeading: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
6
|
-
type ContextMenuGroupHeading = ReturnType<typeof ContextMenuGroupHeading>;
|
|
7
|
-
export default ContextMenuGroupHeading;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
|
|
4
|
-
let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.GroupProps = $props();
|
|
5
|
-
</script>
|
|
6
|
-
|
|
7
|
-
<ContextMenuPrimitive.Group bind:ref data-slot="context-menu-group" {...restProps} />
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
inset,
|
|
9
|
-
variant = "default",
|
|
10
|
-
...restProps
|
|
11
|
-
}: ContextMenuPrimitive.ItemProps & {
|
|
12
|
-
inset?: boolean;
|
|
13
|
-
variant?: "default" | "destructive";
|
|
14
|
-
} = $props();
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<ContextMenuPrimitive.Item
|
|
18
|
-
bind:ref
|
|
19
|
-
data-slot="context-menu-item"
|
|
20
|
-
data-inset={inset}
|
|
21
|
-
data-variant={variant}
|
|
22
|
-
class={cn(
|
|
23
|
-
"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 outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
24
|
-
className
|
|
25
|
-
)}
|
|
26
|
-
{...restProps}
|
|
27
|
-
/>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
type $$ComponentProps = ContextMenuPrimitive.ItemProps & {
|
|
3
|
-
inset?: boolean;
|
|
4
|
-
variant?: "default" | "destructive";
|
|
5
|
-
};
|
|
6
|
-
declare const ContextMenuItem: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
-
type ContextMenuItem = ReturnType<typeof ContextMenuItem>;
|
|
8
|
-
export default ContextMenuItem;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn, type WithElementRef } from "../../../utils.js";
|
|
3
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
inset,
|
|
9
|
-
children,
|
|
10
|
-
...restProps
|
|
11
|
-
}: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
12
|
-
inset?: boolean;
|
|
13
|
-
} = $props();
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<div
|
|
17
|
-
bind:this={ref}
|
|
18
|
-
data-slot="context-menu-label"
|
|
19
|
-
data-inset={inset}
|
|
20
|
-
class={cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className)}
|
|
21
|
-
{...restProps}
|
|
22
|
-
>
|
|
23
|
-
{@render children?.()}
|
|
24
|
-
</div>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type WithElementRef } from "../../../utils.js";
|
|
2
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
-
type $$ComponentProps = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
|
|
4
|
-
inset?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const ContextMenuLabel: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
-
type ContextMenuLabel = ReturnType<typeof ContextMenuLabel>;
|
|
8
|
-
export default ContextMenuLabel;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
|
|
4
|
-
let {
|
|
5
|
-
ref = $bindable(null),
|
|
6
|
-
value = $bindable(""),
|
|
7
|
-
...restProps
|
|
8
|
-
}: ContextMenuPrimitive.RadioGroupProps = $props();
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<ContextMenuPrimitive.RadioGroup
|
|
12
|
-
bind:ref
|
|
13
|
-
bind:value
|
|
14
|
-
data-slot="context-menu-radio-group"
|
|
15
|
-
{...restProps}
|
|
16
|
-
/>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const ContextMenuRadioGroup: import("svelte").Component<ContextMenuPrimitive.RadioGroupProps, {}, "ref" | "value">;
|
|
3
|
-
type ContextMenuRadioGroup = ReturnType<typeof ContextMenuRadioGroup>;
|
|
4
|
-
export default ContextMenuRadioGroup;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import CircleIcon from "@lucide/svelte/icons/circle";
|
|
4
|
-
import { cn, type WithoutChild } from "../../../utils.js";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
children: childrenProp,
|
|
10
|
-
...restProps
|
|
11
|
-
}: WithoutChild<ContextMenuPrimitive.RadioItemProps> = $props();
|
|
12
|
-
</script>
|
|
13
|
-
|
|
14
|
-
<ContextMenuPrimitive.RadioItem
|
|
15
|
-
bind:ref
|
|
16
|
-
data-slot="context-menu-radio-item"
|
|
17
|
-
class={cn(
|
|
18
|
-
"data-highlighted:bg-accent data-highlighted:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
19
|
-
className
|
|
20
|
-
)}
|
|
21
|
-
{...restProps}
|
|
22
|
-
>
|
|
23
|
-
{#snippet children({ checked })}
|
|
24
|
-
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
|
|
25
|
-
{#if checked}
|
|
26
|
-
<CircleIcon class="size-2 fill-current" />
|
|
27
|
-
{/if}
|
|
28
|
-
</span>
|
|
29
|
-
{@render childrenProp?.({ checked })}
|
|
30
|
-
{/snippet}
|
|
31
|
-
</ContextMenuPrimitive.RadioItem>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const ContextMenuRadioItem: import("svelte").Component<Omit<ContextMenuPrimitive.RadioItemProps, "child">, {}, "ref">;
|
|
3
|
-
type ContextMenuRadioItem = ReturnType<typeof ContextMenuRadioItem>;
|
|
4
|
-
export default ContextMenuRadioItem;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
...restProps
|
|
9
|
-
}: ContextMenuPrimitive.SeparatorProps = $props();
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<ContextMenuPrimitive.Separator
|
|
13
|
-
bind:ref
|
|
14
|
-
data-slot="context-menu-separator"
|
|
15
|
-
class={cn("bg-border -mx-1 my-1 h-px", className)}
|
|
16
|
-
{...restProps}
|
|
17
|
-
/>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const ContextMenuSeparator: import("svelte").Component<ContextMenuPrimitive.SeparatorProps, {}, "ref">;
|
|
3
|
-
type ContextMenuSeparator = ReturnType<typeof ContextMenuSeparator>;
|
|
4
|
-
export default ContextMenuSeparator;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn, type WithElementRef } from "../../../utils.js";
|
|
3
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
children,
|
|
9
|
-
...restProps
|
|
10
|
-
}: WithElementRef<HTMLAttributes<HTMLSpanElement>> = $props();
|
|
11
|
-
</script>
|
|
12
|
-
|
|
13
|
-
<span
|
|
14
|
-
bind:this={ref}
|
|
15
|
-
data-slot="context-menu-shortcut"
|
|
16
|
-
class={cn("text-muted-foreground ml-auto text-xs tracking-widest", className)}
|
|
17
|
-
{...restProps}
|
|
18
|
-
>
|
|
19
|
-
{@render children?.()}
|
|
20
|
-
</span>
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { type WithElementRef } from "../../../utils.js";
|
|
2
|
-
import type { HTMLAttributes } from "svelte/elements";
|
|
3
|
-
declare const ContextMenuShortcut: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLSpanElement>>, {}, "ref">;
|
|
4
|
-
type ContextMenuShortcut = ReturnType<typeof ContextMenuShortcut>;
|
|
5
|
-
export default ContextMenuShortcut;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import { cn } from "../../../utils.js";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
class: className,
|
|
8
|
-
...restProps
|
|
9
|
-
}: ContextMenuPrimitive.SubContentProps = $props();
|
|
10
|
-
</script>
|
|
11
|
-
|
|
12
|
-
<ContextMenuPrimitive.SubContent
|
|
13
|
-
bind:ref
|
|
14
|
-
data-slot="context-menu-sub-content"
|
|
15
|
-
class={cn(
|
|
16
|
-
"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-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--bits-context-menu-content-transform-origin) z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
|
|
17
|
-
className
|
|
18
|
-
)}
|
|
19
|
-
{...restProps}
|
|
20
|
-
/>
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const ContextMenuSubContent: import("svelte").Component<ContextMenuPrimitive.SubContentProps, {}, "ref">;
|
|
3
|
-
type ContextMenuSubContent = ReturnType<typeof ContextMenuSubContent>;
|
|
4
|
-
export default ContextMenuSubContent;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
import ChevronRightIcon from "@lucide/svelte/icons/chevron-right";
|
|
4
|
-
import { cn, type WithoutChild } from "../../../utils.js";
|
|
5
|
-
|
|
6
|
-
let {
|
|
7
|
-
ref = $bindable(null),
|
|
8
|
-
class: className,
|
|
9
|
-
inset,
|
|
10
|
-
children,
|
|
11
|
-
...restProps
|
|
12
|
-
}: WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
|
|
13
|
-
inset?: boolean;
|
|
14
|
-
} = $props();
|
|
15
|
-
</script>
|
|
16
|
-
|
|
17
|
-
<ContextMenuPrimitive.SubTrigger
|
|
18
|
-
bind:ref
|
|
19
|
-
data-slot="context-menu-sub-trigger"
|
|
20
|
-
data-inset={inset}
|
|
21
|
-
class={cn(
|
|
22
|
-
"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground outline-hidden [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
23
|
-
className
|
|
24
|
-
)}
|
|
25
|
-
{...restProps}
|
|
26
|
-
>
|
|
27
|
-
{@render children?.()}
|
|
28
|
-
<ChevronRightIcon class="ml-auto" />
|
|
29
|
-
</ContextMenuPrimitive.SubTrigger>
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
import { type WithoutChild } from "../../../utils.js";
|
|
3
|
-
type $$ComponentProps = WithoutChild<ContextMenuPrimitive.SubTriggerProps> & {
|
|
4
|
-
inset?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const ContextMenuSubTrigger: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
7
|
-
type ContextMenuSubTrigger = ReturnType<typeof ContextMenuSubTrigger>;
|
|
8
|
-
export default ContextMenuSubTrigger;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
-
|
|
4
|
-
let { ref = $bindable(null), ...restProps }: ContextMenuPrimitive.TriggerProps = $props();
|
|
5
|
-
</script>
|
|
6
|
-
|
|
7
|
-
<ContextMenuPrimitive.Trigger bind:ref data-slot="context-menu-trigger" {...restProps} />
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
declare const ContextMenuTrigger: import("svelte").Component<ContextMenuPrimitive.TriggerProps, {}, "ref">;
|
|
3
|
-
type ContextMenuTrigger = ReturnType<typeof ContextMenuTrigger>;
|
|
4
|
-
export default ContextMenuTrigger;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import Trigger from "./context-menu-trigger.svelte";
|
|
2
|
-
import Group from "./context-menu-group.svelte";
|
|
3
|
-
import RadioGroup from "./context-menu-radio-group.svelte";
|
|
4
|
-
import Item from "./context-menu-item.svelte";
|
|
5
|
-
import GroupHeading from "./context-menu-group-heading.svelte";
|
|
6
|
-
import Content from "./context-menu-content.svelte";
|
|
7
|
-
import Shortcut from "./context-menu-shortcut.svelte";
|
|
8
|
-
import RadioItem from "./context-menu-radio-item.svelte";
|
|
9
|
-
import Separator from "./context-menu-separator.svelte";
|
|
10
|
-
import SubContent from "./context-menu-sub-content.svelte";
|
|
11
|
-
import SubTrigger from "./context-menu-sub-trigger.svelte";
|
|
12
|
-
import CheckboxItem from "./context-menu-checkbox-item.svelte";
|
|
13
|
-
import Label from "./context-menu-label.svelte";
|
|
14
|
-
declare const Sub: import("svelte").Component<import("bits-ui").ContextMenuSubPropsWithoutHTML, {}, "open">;
|
|
15
|
-
declare const Root: import("svelte").Component<import("bits-ui").ContextMenuRootPropsWithoutHTML, {}, "open">;
|
|
16
|
-
export { Sub, Root, Item, GroupHeading, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem, Root as ContextMenu, Sub as ContextMenuSub, 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, };
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
|
-
import Trigger from "./context-menu-trigger.svelte";
|
|
3
|
-
import Group from "./context-menu-group.svelte";
|
|
4
|
-
import RadioGroup from "./context-menu-radio-group.svelte";
|
|
5
|
-
import Item from "./context-menu-item.svelte";
|
|
6
|
-
import GroupHeading from "./context-menu-group-heading.svelte";
|
|
7
|
-
import Content from "./context-menu-content.svelte";
|
|
8
|
-
import Shortcut from "./context-menu-shortcut.svelte";
|
|
9
|
-
import RadioItem from "./context-menu-radio-item.svelte";
|
|
10
|
-
import Separator from "./context-menu-separator.svelte";
|
|
11
|
-
import SubContent from "./context-menu-sub-content.svelte";
|
|
12
|
-
import SubTrigger from "./context-menu-sub-trigger.svelte";
|
|
13
|
-
import CheckboxItem from "./context-menu-checkbox-item.svelte";
|
|
14
|
-
import Label from "./context-menu-label.svelte";
|
|
15
|
-
const Sub = ContextMenuPrimitive.Sub;
|
|
16
|
-
const Root = ContextMenuPrimitive.Root;
|
|
17
|
-
export { Sub, Root, Item, GroupHeading, Label, Group, Trigger, Content, Shortcut, Separator, RadioItem, SubContent, SubTrigger, RadioGroup, CheckboxItem,
|
|
18
|
-
//
|
|
19
|
-
Root as ContextMenu, Sub as ContextMenuSub, 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, };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
3
|
-
import CheckIcon from "@lucide/svelte/icons/check";
|
|
4
|
-
import MinusIcon from "@lucide/svelte/icons/minus";
|
|
5
|
-
import { cn, type WithoutChildrenOrChild } from "../../../utils.js";
|
|
6
|
-
import type { Snippet } from "svelte";
|
|
7
|
-
|
|
8
|
-
let {
|
|
9
|
-
ref = $bindable(null),
|
|
10
|
-
checked = $bindable(false),
|
|
11
|
-
indeterminate = $bindable(false),
|
|
12
|
-
class: className,
|
|
13
|
-
children: childrenProp,
|
|
14
|
-
...restProps
|
|
15
|
-
}: WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
|
|
16
|
-
children?: Snippet;
|
|
17
|
-
} = $props();
|
|
18
|
-
</script>
|
|
19
|
-
|
|
20
|
-
<DropdownMenuPrimitive.CheckboxItem
|
|
21
|
-
bind:ref
|
|
22
|
-
bind:checked
|
|
23
|
-
bind:indeterminate
|
|
24
|
-
data-slot="dropdown-menu-checkbox-item"
|
|
25
|
-
class={cn(
|
|
26
|
-
"focus:bg-accent focus:text-accent-foreground outline-hidden relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pl-8 pr-2 text-sm data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
|
|
27
|
-
className
|
|
28
|
-
)}
|
|
29
|
-
{...restProps}
|
|
30
|
-
>
|
|
31
|
-
{#snippet children({ checked, indeterminate })}
|
|
32
|
-
<span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
|
|
33
|
-
{#if indeterminate}
|
|
34
|
-
<MinusIcon class="size-4" />
|
|
35
|
-
{:else}
|
|
36
|
-
<CheckIcon class={cn("size-4", !checked && "text-transparent")} />
|
|
37
|
-
{/if}
|
|
38
|
-
</span>
|
|
39
|
-
{@render childrenProp?.()}
|
|
40
|
-
{/snippet}
|
|
41
|
-
</DropdownMenuPrimitive.CheckboxItem>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
|
-
import { type WithoutChildrenOrChild } from "../../../utils.js";
|
|
3
|
-
import type { Snippet } from "svelte";
|
|
4
|
-
type $$ComponentProps = WithoutChildrenOrChild<DropdownMenuPrimitive.CheckboxItemProps> & {
|
|
5
|
-
children?: Snippet;
|
|
6
|
-
};
|
|
7
|
-
declare const DropdownMenuCheckboxItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "checked" | "indeterminate">;
|
|
8
|
-
type DropdownMenuCheckboxItem = ReturnType<typeof DropdownMenuCheckboxItem>;
|
|
9
|
-
export default DropdownMenuCheckboxItem;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
<script lang="ts">
|
|
2
|
-
import { cn } from "../../../utils.js";
|
|
3
|
-
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
4
|
-
|
|
5
|
-
let {
|
|
6
|
-
ref = $bindable(null),
|
|
7
|
-
sideOffset = 4,
|
|
8
|
-
portalProps,
|
|
9
|
-
class: className,
|
|
10
|
-
...restProps
|
|
11
|
-
}: DropdownMenuPrimitive.ContentProps & {
|
|
12
|
-
portalProps?: DropdownMenuPrimitive.PortalProps;
|
|
13
|
-
} = $props();
|
|
14
|
-
</script>
|
|
15
|
-
|
|
16
|
-
<DropdownMenuPrimitive.Portal {...portalProps}>
|
|
17
|
-
<DropdownMenuPrimitive.Content
|
|
18
|
-
bind:ref
|
|
19
|
-
data-slot="dropdown-menu-content"
|
|
20
|
-
{sideOffset}
|
|
21
|
-
class={cn(
|
|
22
|
-
"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-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 max-h-(--bits-dropdown-menu-content-available-height) origin-(--bits-dropdown-menu-content-transform-origin) z-50 min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border p-1 shadow-md outline-none",
|
|
23
|
-
className
|
|
24
|
-
)}
|
|
25
|
-
{...restProps}
|
|
26
|
-
/>
|
|
27
|
-
</DropdownMenuPrimitive.Portal>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
|
-
type $$ComponentProps = DropdownMenuPrimitive.ContentProps & {
|
|
3
|
-
portalProps?: DropdownMenuPrimitive.PortalProps;
|
|
4
|
-
};
|
|
5
|
-
declare const DropdownMenuContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
|
|
6
|
-
type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
|
|
7
|
-
export default DropdownMenuContent;
|