@kopexa/theme 17.22.6 → 17.22.9
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/{chunk-3PCDCW7G.mjs → chunk-BWUVMOSV.mjs} +4 -4
- package/dist/{chunk-VO435JJ5.mjs → chunk-FBHMEWWD.mjs} +7 -4
- package/dist/{chunk-7Q2RNHL5.mjs → chunk-RGZCKQNI.mjs} +1 -1
- package/dist/chunk-WQLVUMHF.mjs +71 -0
- package/dist/components/avatar.mjs +2 -2
- package/dist/components/button.mjs +2 -2
- package/dist/components/dropdown-menu.js +4 -4
- package/dist/components/dropdown-menu.mjs +1 -1
- package/dist/components/extension-table.d.mts +71 -0
- package/dist/components/extension-table.d.ts +71 -0
- package/dist/components/extension-table.js +96 -0
- package/dist/components/extension-table.mjs +8 -0
- package/dist/components/image-placeholder.d.mts +9 -0
- package/dist/components/image-placeholder.d.ts +9 -0
- package/dist/components/image-placeholder.js +7 -4
- package/dist/components/image-placeholder.mjs +1 -1
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +82 -8
- package/dist/components/index.mjs +85 -79
- package/dist/components/skeleton-avatar.mjs +3 -3
- package/dist/editor.css +142 -221
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +82 -8
- package/dist/index.mjs +86 -80
- package/package.json +5 -5
- package/dist/{chunk-T3C4PJPS.mjs → chunk-EWID76V7.mjs} +0 -0
- package/dist/{chunk-OTETLRUE.mjs → chunk-GNJCCXFJ.mjs} +3 -3
- package/dist/{chunk-D5FKEY7B.mjs → chunk-VPA2TZYQ.mjs} +3 -3
|
@@ -3,18 +3,18 @@ import { tv } from "tailwind-variants";
|
|
|
3
3
|
var dropdownMenu = tv({
|
|
4
4
|
slots: {
|
|
5
5
|
root: "",
|
|
6
|
-
content: "min-w-
|
|
6
|
+
content: "min-w-32 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
|
|
7
7
|
item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus: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]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
8
8
|
checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
9
9
|
iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
10
10
|
icon: "size-4",
|
|
11
11
|
radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
12
12
|
radioItemIcon: "size-4 fill-current",
|
|
13
|
-
label: "px-2 py-1.5 text-sm font-medium data-
|
|
13
|
+
label: "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
|
|
14
14
|
separator: "bg-border -mx-1 my-1 h-px",
|
|
15
15
|
shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
|
|
16
|
-
subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
|
|
17
|
-
subTriggerIcon: "size-4 ml-auto",
|
|
16
|
+
subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_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]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
17
|
+
subTriggerIcon: "!text-muted-foreground !size-4 ml-auto",
|
|
18
18
|
subContent: "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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
|
|
19
19
|
}
|
|
20
20
|
});
|
|
@@ -7,7 +7,7 @@ var imagePlaceholder = tv({
|
|
|
7
7
|
"rounded-lg border-2 border-dashed",
|
|
8
8
|
"transition-colors cursor-pointer"
|
|
9
9
|
],
|
|
10
|
-
content: "flex flex-col items-center gap-2
|
|
10
|
+
content: "flex flex-col items-center gap-2",
|
|
11
11
|
icon: "text-muted-foreground",
|
|
12
12
|
text: "text-muted-foreground",
|
|
13
13
|
hint: "text-muted-foreground",
|
|
@@ -36,7 +36,8 @@ var imagePlaceholder = tv({
|
|
|
36
36
|
},
|
|
37
37
|
variant: {
|
|
38
38
|
default: {
|
|
39
|
-
root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40"
|
|
39
|
+
root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40",
|
|
40
|
+
content: "pointer-events-none"
|
|
40
41
|
},
|
|
41
42
|
error: {
|
|
42
43
|
root: "border-destructive/50 bg-destructive/10 cursor-default",
|
|
@@ -44,10 +45,12 @@ var imagePlaceholder = tv({
|
|
|
44
45
|
text: "text-destructive"
|
|
45
46
|
},
|
|
46
47
|
disabled: {
|
|
47
|
-
root: "border-border bg-muted/10 cursor-not-allowed opacity-60"
|
|
48
|
+
root: "border-border bg-muted/10 cursor-not-allowed opacity-60",
|
|
49
|
+
content: "pointer-events-none"
|
|
48
50
|
},
|
|
49
51
|
uploading: {
|
|
50
|
-
root: "border-border bg-muted/30 cursor-wait"
|
|
52
|
+
root: "border-border bg-muted/30 cursor-wait",
|
|
53
|
+
content: "pointer-events-none"
|
|
51
54
|
}
|
|
52
55
|
}
|
|
53
56
|
},
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
// src/components/extension-table.ts
|
|
2
|
+
import { tv } from "tailwind-variants";
|
|
3
|
+
var extensionTableHandleMenuContent = tv({
|
|
4
|
+
slots: {
|
|
5
|
+
root: [
|
|
6
|
+
"flex items-center justify-center bg-muted cursor-grab rounded-md",
|
|
7
|
+
// orientation=column
|
|
8
|
+
"data-[orientation=column]:w-(--table-handle-ref-width) data-[orientation=column]:h-3",
|
|
9
|
+
// orientation=row
|
|
10
|
+
"data-[orientation=row]:h-(--table-handle-ref-height) data-[orientation=row]:w-3",
|
|
11
|
+
// dragging state
|
|
12
|
+
"data-[dragging=true]:cursor-grabbing data-[dragging=true]:bg-primary data-[dragging=true]:text-primary-foreground",
|
|
13
|
+
// menu open
|
|
14
|
+
"data-[open=true]:bg-primary data-[open=true]:text-primary-foreground"
|
|
15
|
+
],
|
|
16
|
+
icon: "size-4 shrink-0 data-[orientation=column]:rotate-90"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var tableCellHandleMenu = tv({
|
|
20
|
+
slots: {
|
|
21
|
+
trigger: [
|
|
22
|
+
"group",
|
|
23
|
+
// positioning
|
|
24
|
+
"absolute top-1/2 -right-2 -translate-y-1/2",
|
|
25
|
+
// sizing & appearance
|
|
26
|
+
"size-4 bg-transparent rounded-full cursor-pointer",
|
|
27
|
+
"flex items-center justify-center",
|
|
28
|
+
"pointer-events-auto",
|
|
29
|
+
// ::before pseudo-element (the expanding dot)
|
|
30
|
+
"before:content-[''] before:absolute before:top-1/2 before:-translate-y-1/2",
|
|
31
|
+
"before:right-0.75 before:size-2",
|
|
32
|
+
"before:bg-primary before:rounded-full",
|
|
33
|
+
"before:transition-[width,height,right,background-color] before:duration-[50ms]",
|
|
34
|
+
// hover (hover-capable devices): dot expands
|
|
35
|
+
"[@media(hover:hover)]:hover:before:size-4 [@media(hover:hover)]:hover:before:right-0",
|
|
36
|
+
// focus-visible: dot expands + outline
|
|
37
|
+
"focus-visible:before:size-4 focus-visible:before:right-0",
|
|
38
|
+
"focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2",
|
|
39
|
+
// open state: dot expands
|
|
40
|
+
"data-[open=true]:before:size-4 data-[open=true]:before:right-0",
|
|
41
|
+
// touch devices: always expanded
|
|
42
|
+
"[@media(hover:none)]:before:size-4 [@media(hover:none)]:before:right-0",
|
|
43
|
+
// disabled
|
|
44
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
45
|
+
"disabled:before:bg-default-300",
|
|
46
|
+
// reduced motion
|
|
47
|
+
"motion-reduce:before:transition-none"
|
|
48
|
+
],
|
|
49
|
+
icon: [
|
|
50
|
+
"relative z-1 size-4 text-white",
|
|
51
|
+
"opacity-0 scale-[0.9]",
|
|
52
|
+
"pointer-events-none shrink-0",
|
|
53
|
+
"transition-[opacity,transform] duration-50",
|
|
54
|
+
// hover (hover-capable devices)
|
|
55
|
+
"[@media(hover:hover)]:group-hover:opacity-100 [@media(hover:hover)]:group-hover:scale-100",
|
|
56
|
+
// focus-visible
|
|
57
|
+
"group-focus-visible:opacity-100 group-focus-visible:scale-100",
|
|
58
|
+
// open state
|
|
59
|
+
"group-data-[open=true]:opacity-100 group-data-[open=true]:scale-100",
|
|
60
|
+
// touch devices: always visible
|
|
61
|
+
"[@media(hover:none)]:opacity-100 [@media(hover:none)]:scale-100",
|
|
62
|
+
// reduced motion
|
|
63
|
+
"motion-reduce:transition-none"
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
export {
|
|
69
|
+
extensionTableHandleMenuContent,
|
|
70
|
+
tableCellHandleMenu
|
|
71
|
+
};
|
|
@@ -27,18 +27,18 @@ var import_tailwind_variants = require("tailwind-variants");
|
|
|
27
27
|
var dropdownMenu = (0, import_tailwind_variants.tv)({
|
|
28
28
|
slots: {
|
|
29
29
|
root: "",
|
|
30
|
-
content: "min-w-
|
|
30
|
+
content: "min-w-32 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 z-50 max-h-(--radix-dropdown-menu-content-available-height) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
|
|
31
31
|
item: "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus: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]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
32
32
|
checkboxItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
33
33
|
iconWrapper: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
34
34
|
icon: "size-4",
|
|
35
35
|
radioItem: "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",
|
|
36
36
|
radioItemIcon: "size-4 fill-current",
|
|
37
|
-
label: "px-2 py-1.5 text-sm font-medium data-
|
|
37
|
+
label: "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
|
|
38
38
|
separator: "bg-border -mx-1 my-1 h-px",
|
|
39
39
|
shortcut: "text-muted-foreground ml-auto text-xs tracking-widest",
|
|
40
|
-
subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
|
|
41
|
-
subTriggerIcon: "size-4 ml-auto",
|
|
40
|
+
subTrigger: "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_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]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
41
|
+
subTriggerIcon: "!text-muted-foreground !size-4 ml-auto",
|
|
42
42
|
subContent: "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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg"
|
|
43
43
|
}
|
|
44
44
|
});
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Tiptap
|
|
6
|
+
* extension table styles.
|
|
7
|
+
*/
|
|
8
|
+
declare const extensionTableHandleMenuContent: tailwind_variants.TVReturnType<{
|
|
9
|
+
[key: string]: {
|
|
10
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
11
|
+
root?: tailwind_merge.ClassNameValue;
|
|
12
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {
|
|
16
|
+
[x: string]: {
|
|
17
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
18
|
+
root?: tailwind_merge.ClassNameValue;
|
|
19
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
} | {}, {
|
|
23
|
+
root: string[];
|
|
24
|
+
icon: string;
|
|
25
|
+
}, undefined, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
28
|
+
root?: tailwind_merge.ClassNameValue;
|
|
29
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
root: string[];
|
|
34
|
+
icon: string;
|
|
35
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
36
|
+
root: string[];
|
|
37
|
+
icon: string;
|
|
38
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
39
|
+
declare const tableCellHandleMenu: tailwind_variants.TVReturnType<{
|
|
40
|
+
[key: string]: {
|
|
41
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
42
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
43
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
} | {
|
|
47
|
+
[x: string]: {
|
|
48
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
49
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
50
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
} | {}, {
|
|
54
|
+
trigger: string[];
|
|
55
|
+
icon: string[];
|
|
56
|
+
}, undefined, {
|
|
57
|
+
[key: string]: {
|
|
58
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
59
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
60
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
} | {}, {
|
|
64
|
+
trigger: string[];
|
|
65
|
+
icon: string[];
|
|
66
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
67
|
+
trigger: string[];
|
|
68
|
+
icon: string[];
|
|
69
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
70
|
+
|
|
71
|
+
export { extensionTableHandleMenuContent, tableCellHandleMenu };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as tailwind_variants from 'tailwind-variants';
|
|
2
|
+
import * as tailwind_merge from 'tailwind-merge';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Tiptap
|
|
6
|
+
* extension table styles.
|
|
7
|
+
*/
|
|
8
|
+
declare const extensionTableHandleMenuContent: tailwind_variants.TVReturnType<{
|
|
9
|
+
[key: string]: {
|
|
10
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
11
|
+
root?: tailwind_merge.ClassNameValue;
|
|
12
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
} | {
|
|
16
|
+
[x: string]: {
|
|
17
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
18
|
+
root?: tailwind_merge.ClassNameValue;
|
|
19
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
} | {}, {
|
|
23
|
+
root: string[];
|
|
24
|
+
icon: string;
|
|
25
|
+
}, undefined, {
|
|
26
|
+
[key: string]: {
|
|
27
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
28
|
+
root?: tailwind_merge.ClassNameValue;
|
|
29
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
} | {}, {
|
|
33
|
+
root: string[];
|
|
34
|
+
icon: string;
|
|
35
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
36
|
+
root: string[];
|
|
37
|
+
icon: string;
|
|
38
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
39
|
+
declare const tableCellHandleMenu: tailwind_variants.TVReturnType<{
|
|
40
|
+
[key: string]: {
|
|
41
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
42
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
43
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
} | {
|
|
47
|
+
[x: string]: {
|
|
48
|
+
[x: string]: tailwind_merge.ClassNameValue | {
|
|
49
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
50
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
} | {}, {
|
|
54
|
+
trigger: string[];
|
|
55
|
+
icon: string[];
|
|
56
|
+
}, undefined, {
|
|
57
|
+
[key: string]: {
|
|
58
|
+
[key: string]: tailwind_merge.ClassNameValue | {
|
|
59
|
+
trigger?: tailwind_merge.ClassNameValue;
|
|
60
|
+
icon?: tailwind_merge.ClassNameValue;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
} | {}, {
|
|
64
|
+
trigger: string[];
|
|
65
|
+
icon: string[];
|
|
66
|
+
}, tailwind_variants.TVReturnType<unknown, {
|
|
67
|
+
trigger: string[];
|
|
68
|
+
icon: string[];
|
|
69
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
70
|
+
|
|
71
|
+
export { extensionTableHandleMenuContent, tableCellHandleMenu };
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/components/extension-table.ts
|
|
21
|
+
var extension_table_exports = {};
|
|
22
|
+
__export(extension_table_exports, {
|
|
23
|
+
extensionTableHandleMenuContent: () => extensionTableHandleMenuContent,
|
|
24
|
+
tableCellHandleMenu: () => tableCellHandleMenu
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(extension_table_exports);
|
|
27
|
+
var import_tailwind_variants = require("tailwind-variants");
|
|
28
|
+
var extensionTableHandleMenuContent = (0, import_tailwind_variants.tv)({
|
|
29
|
+
slots: {
|
|
30
|
+
root: [
|
|
31
|
+
"flex items-center justify-center bg-muted cursor-grab rounded-md",
|
|
32
|
+
// orientation=column
|
|
33
|
+
"data-[orientation=column]:w-(--table-handle-ref-width) data-[orientation=column]:h-3",
|
|
34
|
+
// orientation=row
|
|
35
|
+
"data-[orientation=row]:h-(--table-handle-ref-height) data-[orientation=row]:w-3",
|
|
36
|
+
// dragging state
|
|
37
|
+
"data-[dragging=true]:cursor-grabbing data-[dragging=true]:bg-primary data-[dragging=true]:text-primary-foreground",
|
|
38
|
+
// menu open
|
|
39
|
+
"data-[open=true]:bg-primary data-[open=true]:text-primary-foreground"
|
|
40
|
+
],
|
|
41
|
+
icon: "size-4 shrink-0 data-[orientation=column]:rotate-90"
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
var tableCellHandleMenu = (0, import_tailwind_variants.tv)({
|
|
45
|
+
slots: {
|
|
46
|
+
trigger: [
|
|
47
|
+
"group",
|
|
48
|
+
// positioning
|
|
49
|
+
"absolute top-1/2 -right-2 -translate-y-1/2",
|
|
50
|
+
// sizing & appearance
|
|
51
|
+
"size-4 bg-transparent rounded-full cursor-pointer",
|
|
52
|
+
"flex items-center justify-center",
|
|
53
|
+
"pointer-events-auto",
|
|
54
|
+
// ::before pseudo-element (the expanding dot)
|
|
55
|
+
"before:content-[''] before:absolute before:top-1/2 before:-translate-y-1/2",
|
|
56
|
+
"before:right-0.75 before:size-2",
|
|
57
|
+
"before:bg-primary before:rounded-full",
|
|
58
|
+
"before:transition-[width,height,right,background-color] before:duration-[50ms]",
|
|
59
|
+
// hover (hover-capable devices): dot expands
|
|
60
|
+
"[@media(hover:hover)]:hover:before:size-4 [@media(hover:hover)]:hover:before:right-0",
|
|
61
|
+
// focus-visible: dot expands + outline
|
|
62
|
+
"focus-visible:before:size-4 focus-visible:before:right-0",
|
|
63
|
+
"focus-visible:outline-2 focus-visible:outline-primary focus-visible:outline-offset-2",
|
|
64
|
+
// open state: dot expands
|
|
65
|
+
"data-[open=true]:before:size-4 data-[open=true]:before:right-0",
|
|
66
|
+
// touch devices: always expanded
|
|
67
|
+
"[@media(hover:none)]:before:size-4 [@media(hover:none)]:before:right-0",
|
|
68
|
+
// disabled
|
|
69
|
+
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
70
|
+
"disabled:before:bg-default-300",
|
|
71
|
+
// reduced motion
|
|
72
|
+
"motion-reduce:before:transition-none"
|
|
73
|
+
],
|
|
74
|
+
icon: [
|
|
75
|
+
"relative z-1 size-4 text-white",
|
|
76
|
+
"opacity-0 scale-[0.9]",
|
|
77
|
+
"pointer-events-none shrink-0",
|
|
78
|
+
"transition-[opacity,transform] duration-50",
|
|
79
|
+
// hover (hover-capable devices)
|
|
80
|
+
"[@media(hover:hover)]:group-hover:opacity-100 [@media(hover:hover)]:group-hover:scale-100",
|
|
81
|
+
// focus-visible
|
|
82
|
+
"group-focus-visible:opacity-100 group-focus-visible:scale-100",
|
|
83
|
+
// open state
|
|
84
|
+
"group-data-[open=true]:opacity-100 group-data-[open=true]:scale-100",
|
|
85
|
+
// touch devices: always visible
|
|
86
|
+
"[@media(hover:none)]:opacity-100 [@media(hover:none)]:scale-100",
|
|
87
|
+
// reduced motion
|
|
88
|
+
"motion-reduce:transition-none"
|
|
89
|
+
]
|
|
90
|
+
}
|
|
91
|
+
});
|
|
92
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
93
|
+
0 && (module.exports = {
|
|
94
|
+
extensionTableHandleMenuContent,
|
|
95
|
+
tableCellHandleMenu
|
|
96
|
+
});
|
|
@@ -25,6 +25,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
25
25
|
variant: {
|
|
26
26
|
default: {
|
|
27
27
|
root: string;
|
|
28
|
+
content: string;
|
|
28
29
|
};
|
|
29
30
|
error: {
|
|
30
31
|
root: string;
|
|
@@ -33,9 +34,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
33
34
|
};
|
|
34
35
|
disabled: {
|
|
35
36
|
root: string;
|
|
37
|
+
content: string;
|
|
36
38
|
};
|
|
37
39
|
uploading: {
|
|
38
40
|
root: string;
|
|
41
|
+
content: string;
|
|
39
42
|
};
|
|
40
43
|
};
|
|
41
44
|
}, {
|
|
@@ -69,6 +72,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
69
72
|
variant: {
|
|
70
73
|
default: {
|
|
71
74
|
root: string;
|
|
75
|
+
content: string;
|
|
72
76
|
};
|
|
73
77
|
error: {
|
|
74
78
|
root: string;
|
|
@@ -77,9 +81,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
77
81
|
};
|
|
78
82
|
disabled: {
|
|
79
83
|
root: string;
|
|
84
|
+
content: string;
|
|
80
85
|
};
|
|
81
86
|
uploading: {
|
|
82
87
|
root: string;
|
|
88
|
+
content: string;
|
|
83
89
|
};
|
|
84
90
|
};
|
|
85
91
|
}, {
|
|
@@ -113,6 +119,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
113
119
|
variant: {
|
|
114
120
|
default: {
|
|
115
121
|
root: string;
|
|
122
|
+
content: string;
|
|
116
123
|
};
|
|
117
124
|
error: {
|
|
118
125
|
root: string;
|
|
@@ -121,9 +128,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
121
128
|
};
|
|
122
129
|
disabled: {
|
|
123
130
|
root: string;
|
|
131
|
+
content: string;
|
|
124
132
|
};
|
|
125
133
|
uploading: {
|
|
126
134
|
root: string;
|
|
135
|
+
content: string;
|
|
127
136
|
};
|
|
128
137
|
};
|
|
129
138
|
}, {
|
|
@@ -25,6 +25,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
25
25
|
variant: {
|
|
26
26
|
default: {
|
|
27
27
|
root: string;
|
|
28
|
+
content: string;
|
|
28
29
|
};
|
|
29
30
|
error: {
|
|
30
31
|
root: string;
|
|
@@ -33,9 +34,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
33
34
|
};
|
|
34
35
|
disabled: {
|
|
35
36
|
root: string;
|
|
37
|
+
content: string;
|
|
36
38
|
};
|
|
37
39
|
uploading: {
|
|
38
40
|
root: string;
|
|
41
|
+
content: string;
|
|
39
42
|
};
|
|
40
43
|
};
|
|
41
44
|
}, {
|
|
@@ -69,6 +72,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
69
72
|
variant: {
|
|
70
73
|
default: {
|
|
71
74
|
root: string;
|
|
75
|
+
content: string;
|
|
72
76
|
};
|
|
73
77
|
error: {
|
|
74
78
|
root: string;
|
|
@@ -77,9 +81,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
77
81
|
};
|
|
78
82
|
disabled: {
|
|
79
83
|
root: string;
|
|
84
|
+
content: string;
|
|
80
85
|
};
|
|
81
86
|
uploading: {
|
|
82
87
|
root: string;
|
|
88
|
+
content: string;
|
|
83
89
|
};
|
|
84
90
|
};
|
|
85
91
|
}, {
|
|
@@ -113,6 +119,7 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
113
119
|
variant: {
|
|
114
120
|
default: {
|
|
115
121
|
root: string;
|
|
122
|
+
content: string;
|
|
116
123
|
};
|
|
117
124
|
error: {
|
|
118
125
|
root: string;
|
|
@@ -121,9 +128,11 @@ declare const imagePlaceholder: tailwind_variants.TVReturnType<{
|
|
|
121
128
|
};
|
|
122
129
|
disabled: {
|
|
123
130
|
root: string;
|
|
131
|
+
content: string;
|
|
124
132
|
};
|
|
125
133
|
uploading: {
|
|
126
134
|
root: string;
|
|
135
|
+
content: string;
|
|
127
136
|
};
|
|
128
137
|
};
|
|
129
138
|
}, {
|
|
@@ -31,7 +31,7 @@ var imagePlaceholder = (0, import_tailwind_variants.tv)({
|
|
|
31
31
|
"rounded-lg border-2 border-dashed",
|
|
32
32
|
"transition-colors cursor-pointer"
|
|
33
33
|
],
|
|
34
|
-
content: "flex flex-col items-center gap-2
|
|
34
|
+
content: "flex flex-col items-center gap-2",
|
|
35
35
|
icon: "text-muted-foreground",
|
|
36
36
|
text: "text-muted-foreground",
|
|
37
37
|
hint: "text-muted-foreground",
|
|
@@ -60,7 +60,8 @@ var imagePlaceholder = (0, import_tailwind_variants.tv)({
|
|
|
60
60
|
},
|
|
61
61
|
variant: {
|
|
62
62
|
default: {
|
|
63
|
-
root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40"
|
|
63
|
+
root: "border-border bg-muted/20 hover:border-primary/50 hover:bg-muted/40",
|
|
64
|
+
content: "pointer-events-none"
|
|
64
65
|
},
|
|
65
66
|
error: {
|
|
66
67
|
root: "border-destructive/50 bg-destructive/10 cursor-default",
|
|
@@ -68,10 +69,12 @@ var imagePlaceholder = (0, import_tailwind_variants.tv)({
|
|
|
68
69
|
text: "text-destructive"
|
|
69
70
|
},
|
|
70
71
|
disabled: {
|
|
71
|
-
root: "border-border bg-muted/10 cursor-not-allowed opacity-60"
|
|
72
|
+
root: "border-border bg-muted/10 cursor-not-allowed opacity-60",
|
|
73
|
+
content: "pointer-events-none"
|
|
72
74
|
},
|
|
73
75
|
uploading: {
|
|
74
|
-
root: "border-border bg-muted/30 cursor-wait"
|
|
76
|
+
root: "border-border bg-muted/30 cursor-wait",
|
|
77
|
+
content: "pointer-events-none"
|
|
75
78
|
}
|
|
76
79
|
}
|
|
77
80
|
},
|
|
@@ -75,5 +75,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.m
|
|
|
75
75
|
export { ToolbarVariantProps, toolbar } from './toolbar.mjs';
|
|
76
76
|
export { TooltipVariants, tooltip } from './tooltip.mjs';
|
|
77
77
|
export { VariableNodeVariants, variableNode } from './variable-node.mjs';
|
|
78
|
+
export { extensionTableHandleMenuContent, tableCellHandleMenu } from './extension-table.mjs';
|
|
78
79
|
import 'tailwind-variants';
|
|
79
80
|
import 'tailwind-merge';
|
|
@@ -75,5 +75,6 @@ export { ToggleRowSlots, ToggleRowVariantProps, toggleRow } from './toggle-row.j
|
|
|
75
75
|
export { ToolbarVariantProps, toolbar } from './toolbar.js';
|
|
76
76
|
export { TooltipVariants, tooltip } from './tooltip.js';
|
|
77
77
|
export { VariableNodeVariants, variableNode } from './variable-node.js';
|
|
78
|
+
export { extensionTableHandleMenuContent, tableCellHandleMenu } from './extension-table.js';
|
|
78
79
|
import 'tailwind-variants';
|
|
79
80
|
import 'tailwind-merge';
|