@kopexa/theme 17.13.1 → 17.15.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.
@@ -34,10 +34,21 @@ var editorBasic = tv({
34
34
  variant: {
35
35
  // rounded toolbar, muted background
36
36
  default: {
37
- wrapper: ["border rounded-md"],
37
+ wrapper: "",
38
38
  toolbarContainer: "rounded-md mb-2",
39
39
  content: ""
40
40
  },
41
+ // Minimal inline editor - no border, no padding, flexible height
42
+ inline: {
43
+ root: "h-auto min-h-0",
44
+ wrapper: "min-h-0 overflow-y-auto",
45
+ content: [
46
+ "[&_.tiptap.ProseMirror]:py-0",
47
+ "[&_.tiptap.ProseMirror]:px-0",
48
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
49
+ "[&_.tiptap.ProseMirror]:outline-none"
50
+ ]
51
+ },
41
52
  // document style, eg. document editor, fullpage etc pp
42
53
  document: {
43
54
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -108,6 +119,26 @@ var editorBasic = tv({
108
119
  }
109
120
  },
110
121
  compoundVariants: [
122
+ // Default with border (standard)
123
+ {
124
+ variant: "default",
125
+ bordered: true,
126
+ class: {
127
+ wrapper: "border rounded-md"
128
+ }
129
+ },
130
+ // Default without border (minimal/inline)
131
+ {
132
+ variant: "default",
133
+ bordered: false,
134
+ class: {
135
+ wrapper: "border-0",
136
+ content: [
137
+ "[&_.tiptap.ProseMirror]:py-0",
138
+ "[&_.tiptap.ProseMirror]:px-0"
139
+ ]
140
+ }
141
+ },
111
142
  // Field with border (default for editable)
112
143
  {
113
144
  variant: "field",
@@ -0,0 +1,26 @@
1
+ // src/components/breadcrumb.ts
2
+ import { tv } from "tailwind-variants";
3
+ var breadcrumb = tv({
4
+ slots: {
5
+ base: "",
6
+ list: [
7
+ "flex",
8
+ "flex-wrap",
9
+ "items-center",
10
+ "gap-1.5",
11
+ "break-words",
12
+ "text-sm",
13
+ "text-muted-fg",
14
+ "sm:gap-2.5"
15
+ ],
16
+ item: ["inline-flex", "items-center", "gap-1.5"],
17
+ link: ["transition-colors", "hover:text-fg"],
18
+ page: ["font-normal", "text-fg"],
19
+ separator: ["[&>svg]:size-3.5"],
20
+ ellipsis: ["flex", "h-9", "w-9", "items-center", "justify-center"]
21
+ }
22
+ });
23
+
24
+ export {
25
+ breadcrumb
26
+ };
@@ -0,0 +1,69 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import * as tailwind_merge from 'tailwind-merge';
4
+
5
+ declare const breadcrumb: tailwind_variants.TVReturnType<{
6
+ [key: string]: {
7
+ [key: string]: tailwind_merge.ClassNameValue | {
8
+ item?: tailwind_merge.ClassNameValue;
9
+ base?: tailwind_merge.ClassNameValue;
10
+ list?: tailwind_merge.ClassNameValue;
11
+ link?: tailwind_merge.ClassNameValue;
12
+ page?: tailwind_merge.ClassNameValue;
13
+ separator?: tailwind_merge.ClassNameValue;
14
+ ellipsis?: tailwind_merge.ClassNameValue;
15
+ };
16
+ };
17
+ } | {
18
+ [x: string]: {
19
+ [x: string]: tailwind_merge.ClassNameValue | {
20
+ item?: tailwind_merge.ClassNameValue;
21
+ base?: tailwind_merge.ClassNameValue;
22
+ list?: tailwind_merge.ClassNameValue;
23
+ link?: tailwind_merge.ClassNameValue;
24
+ page?: tailwind_merge.ClassNameValue;
25
+ separator?: tailwind_merge.ClassNameValue;
26
+ ellipsis?: tailwind_merge.ClassNameValue;
27
+ };
28
+ };
29
+ } | {}, {
30
+ base: string;
31
+ list: string[];
32
+ item: string[];
33
+ link: string[];
34
+ page: string[];
35
+ separator: string[];
36
+ ellipsis: string[];
37
+ }, undefined, {
38
+ [key: string]: {
39
+ [key: string]: tailwind_merge.ClassNameValue | {
40
+ item?: tailwind_merge.ClassNameValue;
41
+ base?: tailwind_merge.ClassNameValue;
42
+ list?: tailwind_merge.ClassNameValue;
43
+ link?: tailwind_merge.ClassNameValue;
44
+ page?: tailwind_merge.ClassNameValue;
45
+ separator?: tailwind_merge.ClassNameValue;
46
+ ellipsis?: tailwind_merge.ClassNameValue;
47
+ };
48
+ };
49
+ } | {}, {
50
+ base: string;
51
+ list: string[];
52
+ item: string[];
53
+ link: string[];
54
+ page: string[];
55
+ separator: string[];
56
+ ellipsis: string[];
57
+ }, tailwind_variants.TVReturnType<unknown, {
58
+ base: string;
59
+ list: string[];
60
+ item: string[];
61
+ link: string[];
62
+ page: string[];
63
+ separator: string[];
64
+ ellipsis: string[];
65
+ }, undefined, unknown, unknown, undefined>>;
66
+ type BreadcrumbVariantProps = VariantProps<typeof breadcrumb>;
67
+ type BreadcrumbSlots = keyof ReturnType<typeof breadcrumb>;
68
+
69
+ export { type BreadcrumbSlots, type BreadcrumbVariantProps, breadcrumb };
@@ -0,0 +1,69 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import { VariantProps } from 'tailwind-variants';
3
+ import * as tailwind_merge from 'tailwind-merge';
4
+
5
+ declare const breadcrumb: tailwind_variants.TVReturnType<{
6
+ [key: string]: {
7
+ [key: string]: tailwind_merge.ClassNameValue | {
8
+ item?: tailwind_merge.ClassNameValue;
9
+ base?: tailwind_merge.ClassNameValue;
10
+ list?: tailwind_merge.ClassNameValue;
11
+ link?: tailwind_merge.ClassNameValue;
12
+ page?: tailwind_merge.ClassNameValue;
13
+ separator?: tailwind_merge.ClassNameValue;
14
+ ellipsis?: tailwind_merge.ClassNameValue;
15
+ };
16
+ };
17
+ } | {
18
+ [x: string]: {
19
+ [x: string]: tailwind_merge.ClassNameValue | {
20
+ item?: tailwind_merge.ClassNameValue;
21
+ base?: tailwind_merge.ClassNameValue;
22
+ list?: tailwind_merge.ClassNameValue;
23
+ link?: tailwind_merge.ClassNameValue;
24
+ page?: tailwind_merge.ClassNameValue;
25
+ separator?: tailwind_merge.ClassNameValue;
26
+ ellipsis?: tailwind_merge.ClassNameValue;
27
+ };
28
+ };
29
+ } | {}, {
30
+ base: string;
31
+ list: string[];
32
+ item: string[];
33
+ link: string[];
34
+ page: string[];
35
+ separator: string[];
36
+ ellipsis: string[];
37
+ }, undefined, {
38
+ [key: string]: {
39
+ [key: string]: tailwind_merge.ClassNameValue | {
40
+ item?: tailwind_merge.ClassNameValue;
41
+ base?: tailwind_merge.ClassNameValue;
42
+ list?: tailwind_merge.ClassNameValue;
43
+ link?: tailwind_merge.ClassNameValue;
44
+ page?: tailwind_merge.ClassNameValue;
45
+ separator?: tailwind_merge.ClassNameValue;
46
+ ellipsis?: tailwind_merge.ClassNameValue;
47
+ };
48
+ };
49
+ } | {}, {
50
+ base: string;
51
+ list: string[];
52
+ item: string[];
53
+ link: string[];
54
+ page: string[];
55
+ separator: string[];
56
+ ellipsis: string[];
57
+ }, tailwind_variants.TVReturnType<unknown, {
58
+ base: string;
59
+ list: string[];
60
+ item: string[];
61
+ link: string[];
62
+ page: string[];
63
+ separator: string[];
64
+ ellipsis: string[];
65
+ }, undefined, unknown, unknown, undefined>>;
66
+ type BreadcrumbVariantProps = VariantProps<typeof breadcrumb>;
67
+ type BreadcrumbSlots = keyof ReturnType<typeof breadcrumb>;
68
+
69
+ export { type BreadcrumbSlots, type BreadcrumbVariantProps, breadcrumb };
@@ -0,0 +1,50 @@
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/breadcrumb.ts
21
+ var breadcrumb_exports = {};
22
+ __export(breadcrumb_exports, {
23
+ breadcrumb: () => breadcrumb
24
+ });
25
+ module.exports = __toCommonJS(breadcrumb_exports);
26
+ var import_tailwind_variants = require("tailwind-variants");
27
+ var breadcrumb = (0, import_tailwind_variants.tv)({
28
+ slots: {
29
+ base: "",
30
+ list: [
31
+ "flex",
32
+ "flex-wrap",
33
+ "items-center",
34
+ "gap-1.5",
35
+ "break-words",
36
+ "text-sm",
37
+ "text-muted-fg",
38
+ "sm:gap-2.5"
39
+ ],
40
+ item: ["inline-flex", "items-center", "gap-1.5"],
41
+ link: ["transition-colors", "hover:text-fg"],
42
+ page: ["font-normal", "text-fg"],
43
+ separator: ["[&>svg]:size-3.5"],
44
+ ellipsis: ["flex", "h-9", "w-9", "items-center", "justify-center"]
45
+ }
46
+ });
47
+ // Annotate the CommonJS export names for ESM import in node:
48
+ 0 && (module.exports = {
49
+ breadcrumb
50
+ });
@@ -0,0 +1,6 @@
1
+ import {
2
+ breadcrumb
3
+ } from "../chunk-W6TZSSAU.mjs";
4
+ export {
5
+ breadcrumb
6
+ };
@@ -13,8 +13,8 @@ declare const command: tailwind_variants.TVReturnType<{
13
13
  list?: tailwind_merge.ClassNameValue;
14
14
  input?: tailwind_merge.ClassNameValue;
15
15
  empty?: tailwind_merge.ClassNameValue;
16
- group?: tailwind_merge.ClassNameValue;
17
16
  separator?: tailwind_merge.ClassNameValue;
17
+ group?: tailwind_merge.ClassNameValue;
18
18
  inputWrapper?: tailwind_merge.ClassNameValue;
19
19
  inputIcon?: tailwind_merge.ClassNameValue;
20
20
  shortcut?: tailwind_merge.ClassNameValue;
@@ -31,8 +31,8 @@ declare const command: tailwind_variants.TVReturnType<{
31
31
  list?: tailwind_merge.ClassNameValue;
32
32
  input?: tailwind_merge.ClassNameValue;
33
33
  empty?: tailwind_merge.ClassNameValue;
34
- group?: tailwind_merge.ClassNameValue;
35
34
  separator?: tailwind_merge.ClassNameValue;
35
+ group?: tailwind_merge.ClassNameValue;
36
36
  inputWrapper?: tailwind_merge.ClassNameValue;
37
37
  inputIcon?: tailwind_merge.ClassNameValue;
38
38
  shortcut?: tailwind_merge.ClassNameValue;
@@ -63,8 +63,8 @@ declare const command: tailwind_variants.TVReturnType<{
63
63
  list?: tailwind_merge.ClassNameValue;
64
64
  input?: tailwind_merge.ClassNameValue;
65
65
  empty?: tailwind_merge.ClassNameValue;
66
- group?: tailwind_merge.ClassNameValue;
67
66
  separator?: tailwind_merge.ClassNameValue;
67
+ group?: tailwind_merge.ClassNameValue;
68
68
  inputWrapper?: tailwind_merge.ClassNameValue;
69
69
  inputIcon?: tailwind_merge.ClassNameValue;
70
70
  shortcut?: tailwind_merge.ClassNameValue;
@@ -13,8 +13,8 @@ declare const command: tailwind_variants.TVReturnType<{
13
13
  list?: tailwind_merge.ClassNameValue;
14
14
  input?: tailwind_merge.ClassNameValue;
15
15
  empty?: tailwind_merge.ClassNameValue;
16
- group?: tailwind_merge.ClassNameValue;
17
16
  separator?: tailwind_merge.ClassNameValue;
17
+ group?: tailwind_merge.ClassNameValue;
18
18
  inputWrapper?: tailwind_merge.ClassNameValue;
19
19
  inputIcon?: tailwind_merge.ClassNameValue;
20
20
  shortcut?: tailwind_merge.ClassNameValue;
@@ -31,8 +31,8 @@ declare const command: tailwind_variants.TVReturnType<{
31
31
  list?: tailwind_merge.ClassNameValue;
32
32
  input?: tailwind_merge.ClassNameValue;
33
33
  empty?: tailwind_merge.ClassNameValue;
34
- group?: tailwind_merge.ClassNameValue;
35
34
  separator?: tailwind_merge.ClassNameValue;
35
+ group?: tailwind_merge.ClassNameValue;
36
36
  inputWrapper?: tailwind_merge.ClassNameValue;
37
37
  inputIcon?: tailwind_merge.ClassNameValue;
38
38
  shortcut?: tailwind_merge.ClassNameValue;
@@ -63,8 +63,8 @@ declare const command: tailwind_variants.TVReturnType<{
63
63
  list?: tailwind_merge.ClassNameValue;
64
64
  input?: tailwind_merge.ClassNameValue;
65
65
  empty?: tailwind_merge.ClassNameValue;
66
- group?: tailwind_merge.ClassNameValue;
67
66
  separator?: tailwind_merge.ClassNameValue;
67
+ group?: tailwind_merge.ClassNameValue;
68
68
  inputWrapper?: tailwind_merge.ClassNameValue;
69
69
  inputIcon?: tailwind_merge.ClassNameValue;
70
70
  shortcut?: tailwind_merge.ClassNameValue;
@@ -4,10 +4,15 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const editorBasic: tailwind_variants.TVReturnType<{
5
5
  variant: {
6
6
  default: {
7
- wrapper: string[];
7
+ wrapper: string;
8
8
  toolbarContainer: string;
9
9
  content: string;
10
10
  };
11
+ inline: {
12
+ root: string;
13
+ wrapper: string;
14
+ content: string[];
15
+ };
11
16
  document: {
12
17
  root: string;
13
18
  toolbarContainer: string[];
@@ -41,10 +46,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
41
46
  }, undefined, {
42
47
  variant: {
43
48
  default: {
44
- wrapper: string[];
49
+ wrapper: string;
45
50
  toolbarContainer: string;
46
51
  content: string;
47
52
  };
53
+ inline: {
54
+ root: string;
55
+ wrapper: string;
56
+ content: string[];
57
+ };
48
58
  document: {
49
59
  root: string;
50
60
  toolbarContainer: string[];
@@ -78,10 +88,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
78
88
  }, tailwind_variants.TVReturnType<{
79
89
  variant: {
80
90
  default: {
81
- wrapper: string[];
91
+ wrapper: string;
82
92
  toolbarContainer: string;
83
93
  content: string;
84
94
  };
95
+ inline: {
96
+ root: string;
97
+ wrapper: string;
98
+ content: string[];
99
+ };
85
100
  document: {
86
101
  root: string;
87
102
  toolbarContainer: string[];
@@ -4,10 +4,15 @@ import { VariantProps } from 'tailwind-variants';
4
4
  declare const editorBasic: tailwind_variants.TVReturnType<{
5
5
  variant: {
6
6
  default: {
7
- wrapper: string[];
7
+ wrapper: string;
8
8
  toolbarContainer: string;
9
9
  content: string;
10
10
  };
11
+ inline: {
12
+ root: string;
13
+ wrapper: string;
14
+ content: string[];
15
+ };
11
16
  document: {
12
17
  root: string;
13
18
  toolbarContainer: string[];
@@ -41,10 +46,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
41
46
  }, undefined, {
42
47
  variant: {
43
48
  default: {
44
- wrapper: string[];
49
+ wrapper: string;
45
50
  toolbarContainer: string;
46
51
  content: string;
47
52
  };
53
+ inline: {
54
+ root: string;
55
+ wrapper: string;
56
+ content: string[];
57
+ };
48
58
  document: {
49
59
  root: string;
50
60
  toolbarContainer: string[];
@@ -78,10 +88,15 @@ declare const editorBasic: tailwind_variants.TVReturnType<{
78
88
  }, tailwind_variants.TVReturnType<{
79
89
  variant: {
80
90
  default: {
81
- wrapper: string[];
91
+ wrapper: string;
82
92
  toolbarContainer: string;
83
93
  content: string;
84
94
  };
95
+ inline: {
96
+ root: string;
97
+ wrapper: string;
98
+ content: string[];
99
+ };
85
100
  document: {
86
101
  root: string;
87
102
  toolbarContainer: string[];
@@ -58,10 +58,21 @@ var editorBasic = (0, import_tailwind_variants.tv)({
58
58
  variant: {
59
59
  // rounded toolbar, muted background
60
60
  default: {
61
- wrapper: ["border rounded-md"],
61
+ wrapper: "",
62
62
  toolbarContainer: "rounded-md mb-2",
63
63
  content: ""
64
64
  },
65
+ // Minimal inline editor - no border, no padding, flexible height
66
+ inline: {
67
+ root: "h-auto min-h-0",
68
+ wrapper: "min-h-0 overflow-y-auto",
69
+ content: [
70
+ "[&_.tiptap.ProseMirror]:py-0",
71
+ "[&_.tiptap.ProseMirror]:px-0",
72
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
73
+ "[&_.tiptap.ProseMirror]:outline-none"
74
+ ]
75
+ },
65
76
  // document style, eg. document editor, fullpage etc pp
66
77
  document: {
67
78
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -132,6 +143,26 @@ var editorBasic = (0, import_tailwind_variants.tv)({
132
143
  }
133
144
  },
134
145
  compoundVariants: [
146
+ // Default with border (standard)
147
+ {
148
+ variant: "default",
149
+ bordered: true,
150
+ class: {
151
+ wrapper: "border rounded-md"
152
+ }
153
+ },
154
+ // Default without border (minimal/inline)
155
+ {
156
+ variant: "default",
157
+ bordered: false,
158
+ class: {
159
+ wrapper: "border-0",
160
+ content: [
161
+ "[&_.tiptap.ProseMirror]:py-0",
162
+ "[&_.tiptap.ProseMirror]:px-0"
163
+ ]
164
+ }
165
+ },
135
166
  // Field with border (default for editable)
136
167
  {
137
168
  variant: "field",
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  editorBasic
3
- } from "../chunk-6DUVIKEU.mjs";
3
+ } from "../chunk-LPNA4ATD.mjs";
4
4
  export {
5
5
  editorBasic
6
6
  };
@@ -5,6 +5,7 @@ export { AutocompleteVariantProps, autocomplete } from './autocomplete.mjs';
5
5
  export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.mjs';
6
6
  export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.mjs';
7
7
  export { BlankStateSlots, BlankStateVariantProps, blankstate } from './blankstate.mjs';
8
+ export { BreadcrumbSlots, BreadcrumbVariantProps, breadcrumb } from './breadcrumb.mjs';
8
9
  export { ButtonVariantProps, button } from './button.mjs';
9
10
  export { CalendarVariantProps, calendar } from './calendar.mjs';
10
11
  export { CalloutVariantProps, callout } from './callout.mjs';
@@ -5,6 +5,7 @@ export { AutocompleteVariantProps, autocomplete } from './autocomplete.js';
5
5
  export { AvatarSlots, AvatarVariantProps, avatar } from './avatar.js';
6
6
  export { AvatarGroupSlots, AvatarGroupVariantProps, avatarGroup } from './avatar-group.js';
7
7
  export { BlankStateSlots, BlankStateVariantProps, blankstate } from './blankstate.js';
8
+ export { BreadcrumbSlots, BreadcrumbVariantProps, breadcrumb } from './breadcrumb.js';
8
9
  export { ButtonVariantProps, button } from './button.js';
9
10
  export { CalendarVariantProps, calendar } from './calendar.js';
10
11
  export { CalloutVariantProps, callout } from './callout.js';