@nasa-jpl/stellar-svelte 2.0.0-alpha.48 → 2.0.0-alpha.50
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/dist/components/ui/context-menu/context-menu-checkbox-item.svelte +24 -21
- package/dist/components/ui/context-menu/context-menu-checkbox-item.svelte.d.ts +11 -2
- package/dist/components/ui/context-menu/context-menu-item.svelte +19 -16
- package/dist/components/ui/context-menu/context-menu-item.svelte.d.ts +3 -1
- package/dist/components/ui/context-menu/context-menu-label.svelte +7 -5
- package/dist/components/ui/context-menu/context-menu-label.svelte.d.ts +3 -1
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte +24 -21
- package/dist/components/ui/context-menu/context-menu-radio-item.svelte.d.ts +10 -2
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte +19 -16
- package/dist/components/ui/context-menu/context-menu-sub-trigger.svelte.d.ts +4 -2
- package/dist/components/ui/context-menu/index.d.ts +31 -12
- package/dist/components/ui/context-menu/index.js +31 -13
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte +24 -21
- package/dist/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte.d.ts +11 -2
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte +19 -16
- package/dist/components/ui/dropdown-menu/dropdown-menu-item.svelte.d.ts +3 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte +7 -5
- package/dist/components/ui/dropdown-menu/dropdown-menu-label.svelte.d.ts +3 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte +24 -21
- package/dist/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte.d.ts +10 -2
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte +19 -16
- package/dist/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte.d.ts +4 -2
- package/dist/components/ui/dropdown-menu/index.d.ts +31 -12
- package/dist/components/ui/dropdown-menu/index.js +31 -13
- package/dist/index.css +8 -0
- package/package.json +2 -2
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Check from "lucide-svelte/icons/check";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let checked = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.CheckboxItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
bind:checked
|
|
13
|
+
class={cn(
|
|
14
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
15
|
+
contextMenuVariants.size[size].checkboxItem,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<ContextMenuPrimitive.CheckboxIndicator>
|
|
29
|
+
<Check class="h-3.5 w-3.5" />
|
|
30
|
+
</ContextMenuPrimitive.CheckboxIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</ContextMenuPrimitive.CheckboxItem>
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
checked?: boolean | "indeterminate" | undefined | undefined;
|
|
8
|
+
onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
|
|
9
|
+
asChild?: boolean | undefined | undefined;
|
|
10
|
+
el?: HTMLDivElement | undefined;
|
|
11
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
12
|
+
size?: ContextMenuSize;
|
|
13
|
+
};
|
|
5
14
|
slots: {
|
|
6
15
|
default: {};
|
|
7
16
|
};
|
|
@@ -1,24 +1,27 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { contextMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
5
|
+
export let size = "default";
|
|
4
6
|
export let inset = void 0;
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<ContextMenuPrimitive.Item
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
class={cn(
|
|
12
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
13
|
+
inset && 'pl-8',
|
|
14
|
+
contextMenuVariants.size[size].item,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{...$$restProps}
|
|
18
|
+
on:click
|
|
19
|
+
on:keydown
|
|
20
|
+
on:focusin
|
|
21
|
+
on:focusout
|
|
22
|
+
on:pointerdown
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
26
|
+
<slot />
|
|
24
27
|
</ContextMenuPrimitive.Item>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: ContextMenuPrimitive.ItemProps & {
|
|
5
6
|
inset?: boolean;
|
|
7
|
+
size?: ContextMenuSize;
|
|
6
8
|
};
|
|
7
9
|
slots: {
|
|
8
10
|
default: {};
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { contextMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
4
5
|
export let inset = void 0;
|
|
6
|
+
export let size = "default";
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<ContextMenuPrimitive.Label
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
class={cn('text-foreground px-2 font-semibold', inset && 'pl-8', contextMenuVariants.size[size].label, className)}
|
|
12
|
+
{...$$restProps}
|
|
11
13
|
>
|
|
12
|
-
|
|
14
|
+
<slot />
|
|
13
15
|
</ContextMenuPrimitive.Label>
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { type ContextMenuSize } from './index.js';
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
4
5
|
asChild?: boolean | undefined | undefined;
|
|
5
6
|
el?: HTMLDivElement | undefined;
|
|
6
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
7
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
7
8
|
inset?: boolean;
|
|
9
|
+
size?: ContextMenuSize;
|
|
8
10
|
};
|
|
9
11
|
events: {
|
|
10
12
|
[evt: string]: CustomEvent<any>;
|
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Circle from "lucide-svelte/icons/circle";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let value;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.RadioItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
|
|
14
|
+
contextMenuVariants.size[size].radioItem,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{value}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<ContextMenuPrimitive.RadioIndicator>
|
|
29
|
+
<Circle class="h-1.5 w-1.5 fill-current" />
|
|
30
|
+
</ContextMenuPrimitive.RadioIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</ContextMenuPrimitive.RadioItem>
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
value: string;
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
asChild?: boolean | undefined | undefined;
|
|
9
|
+
el?: HTMLDivElement | undefined;
|
|
10
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
11
|
+
size?: ContextMenuSize;
|
|
12
|
+
};
|
|
5
13
|
slots: {
|
|
6
14
|
default: {};
|
|
7
15
|
};
|
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from "bits-ui";
|
|
2
3
|
import ChevronRight from "lucide-svelte/icons/chevron-right";
|
|
3
|
-
import {
|
|
4
|
+
import { contextMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let inset = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<ContextMenuPrimitive.SubTrigger
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground flex cursor-default select-none items-center rounded-sm px-2 outline-none',
|
|
14
|
+
inset && 'pl-8',
|
|
15
|
+
contextMenuVariants.size[size].subTrigger,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
<slot />
|
|
27
|
+
<ChevronRight class="ml-auto h-4 w-4" />
|
|
25
28
|
</ContextMenuPrimitive.SubTrigger>
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type ContextMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: {
|
|
5
6
|
disabled?: boolean | undefined | undefined;
|
|
6
7
|
asChild?: boolean | undefined | undefined;
|
|
7
8
|
el?: HTMLDivElement | undefined;
|
|
8
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
9
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
9
10
|
inset?: boolean;
|
|
11
|
+
size?: ContextMenuSize;
|
|
10
12
|
};
|
|
11
13
|
slots: {
|
|
12
14
|
default: {};
|
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './context-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './context-menu-content.svelte';
|
|
4
|
+
import Item from './context-menu-item.svelte';
|
|
5
|
+
import Label from './context-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './context-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './context-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './context-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './context-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './context-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './context-menu-sub-trigger.svelte';
|
|
12
12
|
declare const Sub: typeof ContextMenuPrimitive.Sub;
|
|
13
13
|
declare const Root: typeof ContextMenuPrimitive.Root;
|
|
14
14
|
declare const Trigger: typeof ContextMenuPrimitive.Trigger;
|
|
15
15
|
declare const Group: typeof ContextMenuPrimitive.Group;
|
|
16
|
-
export
|
|
16
|
+
export type ContextMenuSize = 'default' | 'sm';
|
|
17
|
+
declare const contextMenuVariants: {
|
|
18
|
+
size: {
|
|
19
|
+
default: {
|
|
20
|
+
checkboxItem: string;
|
|
21
|
+
item: string;
|
|
22
|
+
label: string;
|
|
23
|
+
radioItem: string;
|
|
24
|
+
subTrigger: string;
|
|
25
|
+
};
|
|
26
|
+
sm: {
|
|
27
|
+
checkboxItem: string;
|
|
28
|
+
item: string;
|
|
29
|
+
label: string;
|
|
30
|
+
radioItem: string;
|
|
31
|
+
subTrigger: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export { CheckboxItem, Content, Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
|
@@ -1,18 +1,36 @@
|
|
|
1
|
-
import { ContextMenu as ContextMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { ContextMenu as ContextMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './context-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './context-menu-content.svelte';
|
|
4
|
+
import Item from './context-menu-item.svelte';
|
|
5
|
+
import Label from './context-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './context-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './context-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './context-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './context-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './context-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './context-menu-sub-trigger.svelte';
|
|
12
12
|
const Sub = ContextMenuPrimitive.Sub;
|
|
13
13
|
const Root = ContextMenuPrimitive.Root;
|
|
14
14
|
const Trigger = ContextMenuPrimitive.Trigger;
|
|
15
15
|
const Group = ContextMenuPrimitive.Group;
|
|
16
|
-
|
|
16
|
+
const contextMenuVariants = {
|
|
17
|
+
size: {
|
|
18
|
+
default: {
|
|
19
|
+
checkboxItem: 'py-1.5 text-sm',
|
|
20
|
+
item: 'py-1.5 text-sm',
|
|
21
|
+
label: 'py-1.5 text-sm',
|
|
22
|
+
radioItem: 'py-1.5 text-sm',
|
|
23
|
+
subTrigger: 'py-1.5 text-sm',
|
|
24
|
+
},
|
|
25
|
+
sm: {
|
|
26
|
+
checkboxItem: 'py-1 text-xs',
|
|
27
|
+
item: 'py-1 text-xs',
|
|
28
|
+
label: 'py-1 text-xs',
|
|
29
|
+
radioItem: 'py-1 text-xs',
|
|
30
|
+
subTrigger: 'py-1 text-xs',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
export { CheckboxItem, Content,
|
|
17
35
|
//
|
|
18
|
-
Root as ContextMenu,
|
|
36
|
+
Root as ContextMenu, CheckboxItem as ContextMenuCheckboxItem, Content as ContextMenuContent, Group as ContextMenuGroup, Item as ContextMenuItem, Label as ContextMenuLabel, RadioGroup as ContextMenuRadioGroup, RadioItem as ContextMenuRadioItem, Separator as ContextMenuSeparator, Shortcut as ContextMenuShortcut, Sub as ContextMenuSub, SubContent as ContextMenuSubContent, SubTrigger as ContextMenuSubTrigger, Trigger as ContextMenuTrigger, contextMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Check from "lucide-svelte/icons/check";
|
|
3
|
-
import {
|
|
4
|
+
import { dropdownMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let checked = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<DropdownMenuPrimitive.CheckboxItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
bind:checked
|
|
13
|
+
class={cn(
|
|
14
|
+
'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
|
|
15
|
+
dropdownMenuVariants.size[size].checkboxItem,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<DropdownMenuPrimitive.CheckboxIndicator>
|
|
29
|
+
<Check class="h-4 w-4" />
|
|
30
|
+
</DropdownMenuPrimitive.CheckboxIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</DropdownMenuPrimitive.CheckboxItem>
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type DropdownMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
checked?: boolean | "indeterminate" | undefined | undefined;
|
|
8
|
+
onCheckedChange?: import("bits-ui/dist/internal/types.js").OnChangeFn<boolean | "indeterminate"> | undefined;
|
|
9
|
+
asChild?: boolean | undefined | undefined;
|
|
10
|
+
el?: HTMLDivElement | undefined;
|
|
11
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
12
|
+
size?: DropdownMenuSize;
|
|
13
|
+
};
|
|
5
14
|
slots: {
|
|
6
15
|
default: {};
|
|
7
16
|
};
|
|
@@ -1,24 +1,27 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { dropdownMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
4
5
|
export let inset = void 0;
|
|
6
|
+
export let size = "default";
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<DropdownMenuPrimitive.Item
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
class={cn(
|
|
12
|
+
'relative flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
|
|
13
|
+
inset && 'pl-8',
|
|
14
|
+
dropdownMenuVariants.size[size].item,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{...$$restProps}
|
|
18
|
+
on:click
|
|
19
|
+
on:keydown
|
|
20
|
+
on:focusin
|
|
21
|
+
on:focusout
|
|
22
|
+
on:pointerdown
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
26
|
+
<slot />
|
|
24
27
|
</DropdownMenuPrimitive.Item>
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type DropdownMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: DropdownMenuPrimitive.ItemProps & {
|
|
5
6
|
inset?: boolean;
|
|
7
|
+
size?: DropdownMenuSize;
|
|
6
8
|
};
|
|
7
9
|
slots: {
|
|
8
10
|
default: {};
|
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
<script>import {
|
|
2
|
-
import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
3
|
+
import { dropdownMenuVariants } from "./index.js";
|
|
3
4
|
let className = void 0;
|
|
4
5
|
export let inset = void 0;
|
|
6
|
+
export let size = "default";
|
|
5
7
|
export { className as class };
|
|
6
8
|
</script>
|
|
7
9
|
|
|
8
10
|
<DropdownMenuPrimitive.Label
|
|
9
|
-
|
|
10
|
-
|
|
11
|
+
class={cn('px-2 font-semibold', inset && 'pl-8', dropdownMenuVariants.size[size].label, className)}
|
|
12
|
+
{...$$restProps}
|
|
11
13
|
>
|
|
12
|
-
|
|
14
|
+
<slot />
|
|
13
15
|
</DropdownMenuPrimitive.Label>
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
+
import { type DropdownMenuSize } from './index.js';
|
|
2
3
|
declare const __propDef: {
|
|
3
4
|
props: {
|
|
4
5
|
asChild?: boolean | undefined | undefined;
|
|
5
6
|
el?: HTMLDivElement | undefined;
|
|
6
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
7
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
7
8
|
inset?: boolean;
|
|
9
|
+
size?: DropdownMenuSize;
|
|
8
10
|
};
|
|
9
11
|
events: {
|
|
10
12
|
[evt: string]: CustomEvent<any>;
|
|
@@ -1,30 +1,33 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
3
|
import Circle from "lucide-svelte/icons/circle";
|
|
3
|
-
import {
|
|
4
|
+
import { dropdownMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let value;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<DropdownMenuPrimitive.RadioItem
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'relative flex cursor-default select-none items-center rounded-sm pl-8 pr-2 outline-none data-[disabled]:pointer-events-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:opacity-50',
|
|
14
|
+
dropdownMenuVariants.size[size].radioItem,
|
|
15
|
+
className,
|
|
16
|
+
)}
|
|
17
|
+
{value}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerdown
|
|
24
|
+
on:pointerleave
|
|
25
|
+
on:pointermove
|
|
23
26
|
>
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
<span class="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
|
|
28
|
+
<DropdownMenuPrimitive.RadioIndicator>
|
|
29
|
+
<Circle class="h-1.5 w-1.5 fill-current" />
|
|
30
|
+
</DropdownMenuPrimitive.RadioIndicator>
|
|
31
|
+
</span>
|
|
32
|
+
<slot />
|
|
30
33
|
</DropdownMenuPrimitive.RadioItem>
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type DropdownMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
|
-
props:
|
|
5
|
+
props: {
|
|
6
|
+
value: string;
|
|
7
|
+
disabled?: boolean | undefined;
|
|
8
|
+
asChild?: boolean | undefined | undefined;
|
|
9
|
+
el?: HTMLDivElement | undefined;
|
|
10
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
11
|
+
size?: DropdownMenuSize;
|
|
12
|
+
};
|
|
5
13
|
slots: {
|
|
6
14
|
default: {};
|
|
7
15
|
};
|
|
@@ -1,25 +1,28 @@
|
|
|
1
|
-
<script>import {
|
|
1
|
+
<script>import { cn } from "../../../utils.js";
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
|
|
2
3
|
import ChevronRight from "lucide-svelte/icons/chevron-right";
|
|
3
|
-
import {
|
|
4
|
+
import { dropdownMenuVariants } from "./index.js";
|
|
4
5
|
let className = void 0;
|
|
5
6
|
export let inset = void 0;
|
|
7
|
+
export let size = "default";
|
|
6
8
|
export { className as class };
|
|
7
9
|
</script>
|
|
8
10
|
|
|
9
11
|
<DropdownMenuPrimitive.SubTrigger
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
12
|
+
class={cn(
|
|
13
|
+
'flex cursor-default select-none items-center rounded-sm px-2 outline-none data-[highlighted]:bg-accent data-[state=open]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:text-accent-foreground',
|
|
14
|
+
inset && 'pl-8',
|
|
15
|
+
dropdownMenuVariants.size[size].subTrigger,
|
|
16
|
+
className,
|
|
17
|
+
)}
|
|
18
|
+
{...$$restProps}
|
|
19
|
+
on:click
|
|
20
|
+
on:keydown
|
|
21
|
+
on:focusin
|
|
22
|
+
on:focusout
|
|
23
|
+
on:pointerleave
|
|
24
|
+
on:pointermove
|
|
22
25
|
>
|
|
23
|
-
|
|
24
|
-
|
|
26
|
+
<slot />
|
|
27
|
+
<ChevronRight class="ml-auto h-4 w-4" />
|
|
25
28
|
</DropdownMenuPrimitive.SubTrigger>
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { SvelteComponent } from "svelte";
|
|
2
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
3
|
+
import { type DropdownMenuSize } from './index.js';
|
|
3
4
|
declare const __propDef: {
|
|
4
5
|
props: {
|
|
5
6
|
disabled?: boolean | undefined | undefined;
|
|
6
7
|
asChild?: boolean | undefined | undefined;
|
|
7
8
|
el?: HTMLDivElement | undefined;
|
|
8
|
-
} & import("bits-ui/dist/internal").HTMLDivAttributes & {
|
|
9
|
+
} & import("bits-ui/dist/internal/types.js").HTMLDivAttributes & {
|
|
9
10
|
inset?: boolean;
|
|
11
|
+
size?: DropdownMenuSize;
|
|
10
12
|
};
|
|
11
13
|
slots: {
|
|
12
14
|
default: {};
|
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './dropdown-menu-content.svelte';
|
|
4
|
+
import Item from './dropdown-menu-item.svelte';
|
|
5
|
+
import Label from './dropdown-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './dropdown-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './dropdown-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './dropdown-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './dropdown-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './dropdown-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './dropdown-menu-sub-trigger.svelte';
|
|
12
12
|
declare const Sub: typeof DropdownMenuPrimitive.Sub;
|
|
13
13
|
declare const Root: typeof DropdownMenuPrimitive.Root;
|
|
14
14
|
declare const Trigger: typeof DropdownMenuPrimitive.Trigger;
|
|
15
15
|
declare const Group: typeof DropdownMenuPrimitive.Group;
|
|
16
|
-
export
|
|
16
|
+
export type DropdownMenuSize = 'default' | 'sm';
|
|
17
|
+
declare const dropdownMenuVariants: {
|
|
18
|
+
size: {
|
|
19
|
+
default: {
|
|
20
|
+
checkboxItem: string;
|
|
21
|
+
item: string;
|
|
22
|
+
label: string;
|
|
23
|
+
radioItem: string;
|
|
24
|
+
subTrigger: string;
|
|
25
|
+
};
|
|
26
|
+
sm: {
|
|
27
|
+
checkboxItem: string;
|
|
28
|
+
item: string;
|
|
29
|
+
label: string;
|
|
30
|
+
radioItem: string;
|
|
31
|
+
subTrigger: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export { CheckboxItem, Content, Root as DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
|
@@ -1,18 +1,36 @@
|
|
|
1
|
-
import { DropdownMenu as DropdownMenuPrimitive } from
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
1
|
+
import { DropdownMenu as DropdownMenuPrimitive } from 'bits-ui';
|
|
2
|
+
import CheckboxItem from './dropdown-menu-checkbox-item.svelte';
|
|
3
|
+
import Content from './dropdown-menu-content.svelte';
|
|
4
|
+
import Item from './dropdown-menu-item.svelte';
|
|
5
|
+
import Label from './dropdown-menu-label.svelte';
|
|
6
|
+
import RadioGroup from './dropdown-menu-radio-group.svelte';
|
|
7
|
+
import RadioItem from './dropdown-menu-radio-item.svelte';
|
|
8
|
+
import Separator from './dropdown-menu-separator.svelte';
|
|
9
|
+
import Shortcut from './dropdown-menu-shortcut.svelte';
|
|
10
|
+
import SubContent from './dropdown-menu-sub-content.svelte';
|
|
11
|
+
import SubTrigger from './dropdown-menu-sub-trigger.svelte';
|
|
12
12
|
const Sub = DropdownMenuPrimitive.Sub;
|
|
13
13
|
const Root = DropdownMenuPrimitive.Root;
|
|
14
14
|
const Trigger = DropdownMenuPrimitive.Trigger;
|
|
15
15
|
const Group = DropdownMenuPrimitive.Group;
|
|
16
|
-
|
|
16
|
+
const dropdownMenuVariants = {
|
|
17
|
+
size: {
|
|
18
|
+
default: {
|
|
19
|
+
checkboxItem: 'py-1.5 text-sm',
|
|
20
|
+
item: 'py-1.5 text-sm',
|
|
21
|
+
label: 'py-1.5 text-sm',
|
|
22
|
+
radioItem: 'py-1.5 text-sm',
|
|
23
|
+
subTrigger: 'py-1.5 text-sm',
|
|
24
|
+
},
|
|
25
|
+
sm: {
|
|
26
|
+
checkboxItem: 'py-1 text-xs',
|
|
27
|
+
item: 'py-1 text-xs',
|
|
28
|
+
label: 'py-1 text-xs',
|
|
29
|
+
radioItem: 'py-1 text-xs',
|
|
30
|
+
subTrigger: 'py-1 text-xs',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
export { CheckboxItem, Content,
|
|
17
35
|
//
|
|
18
|
-
Root as DropdownMenu,
|
|
36
|
+
Root as DropdownMenu, CheckboxItem as DropdownMenuCheckboxItem, Content as DropdownMenuContent, Group as DropdownMenuGroup, Item as DropdownMenuItem, Label as DropdownMenuLabel, RadioGroup as DropdownMenuRadioGroup, RadioItem as DropdownMenuRadioItem, Separator as DropdownMenuSeparator, Shortcut as DropdownMenuShortcut, Sub as DropdownMenuSub, SubContent as DropdownMenuSubContent, SubTrigger as DropdownMenuSubTrigger, Trigger as DropdownMenuTrigger, dropdownMenuVariants, Group, Item, Label, RadioGroup, RadioItem, Root, Separator, Shortcut, Sub, SubContent, SubTrigger, Trigger, };
|
package/dist/index.css
CHANGED
|
@@ -926,6 +926,10 @@ body {
|
|
|
926
926
|
aspect-ratio: 1 / 1;
|
|
927
927
|
}
|
|
928
928
|
|
|
929
|
+
.h-1\.5 {
|
|
930
|
+
height: 0.375rem;
|
|
931
|
+
}
|
|
932
|
+
|
|
929
933
|
.h-10 {
|
|
930
934
|
height: 2.5rem;
|
|
931
935
|
}
|
|
@@ -1062,6 +1066,10 @@ body {
|
|
|
1062
1066
|
min-height: 100vh;
|
|
1063
1067
|
}
|
|
1064
1068
|
|
|
1069
|
+
.w-1\.5 {
|
|
1070
|
+
width: 0.375rem;
|
|
1071
|
+
}
|
|
1072
|
+
|
|
1065
1073
|
.w-10 {
|
|
1066
1074
|
width: 2.5rem;
|
|
1067
1075
|
}
|
package/package.json
CHANGED
|
@@ -83,6 +83,6 @@
|
|
|
83
83
|
"svelte": "./dist/index.js",
|
|
84
84
|
"type": "module",
|
|
85
85
|
"types": "./dist/index.d.ts",
|
|
86
|
-
"version": "2.0.0-alpha.
|
|
87
|
-
"gitHead": "
|
|
86
|
+
"version": "2.0.0-alpha.50",
|
|
87
|
+
"gitHead": "ec655bce0e06da585a4fa69829074e4e298173d1"
|
|
88
88
|
}
|