@kopexa/theme 17.13.0 → 17.14.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.
Files changed (15) hide show
  1. package/dist/{chunk-Z5W4E7GM.mjs → chunk-BCQAC4TS.mjs} +10 -8
  2. package/dist/{chunk-6DUVIKEU.mjs → chunk-LPNA4ATD.mjs} +32 -1
  3. package/dist/components/data-grid.d.mts +6 -0
  4. package/dist/components/data-grid.d.ts +6 -0
  5. package/dist/components/data-grid.js +10 -8
  6. package/dist/components/data-grid.mjs +1 -1
  7. package/dist/components/editor-basic.d.mts +18 -3
  8. package/dist/components/editor-basic.d.ts +18 -3
  9. package/dist/components/editor-basic.js +32 -1
  10. package/dist/components/editor-basic.mjs +1 -1
  11. package/dist/components/index.js +42 -9
  12. package/dist/components/index.mjs +2 -2
  13. package/dist/index.js +42 -9
  14. package/dist/index.mjs +2 -2
  15. package/package.json +2 -2
package/dist/{chunk-Z5W4E7GM.mjs → chunk-BCQAC4TS.mjs} RENAMED
@@ -78,7 +78,9 @@ var datagrid = tv({
78
78
  width: {
79
79
  fixed: {
80
80
  table: "table-fixed",
81
- headerRowCell: "w-[var(--size)]"
81
+ headerRowCell: "w-[var(--size)]",
82
+ bodyRowCell: "w-[var(--size)]",
83
+ bodyRowSkeletonCell: "w-[var(--size)]"
82
84
  },
83
85
  auto: {
84
86
  table: "table-auto"
@@ -98,9 +100,9 @@ var datagrid = tv({
98
100
  },
99
101
  columnsPinnable: {
100
102
  true: {
101
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
102
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
103
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
103
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
104
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
105
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
104
106
  },
105
107
  false: {}
106
108
  },
@@ -163,28 +165,28 @@ var datagrid = tv({
163
165
  columnsPinnable: true,
164
166
  headerColor: "default",
165
167
  className: {
166
- headerRowCell: "data-pinned:bg-transparent!"
168
+ headerRowCell: "data-[pinned]:bg-transparent!"
167
169
  }
168
170
  },
169
171
  {
170
172
  columnsPinnable: true,
171
173
  headerColor: "muted",
172
174
  className: {
173
- headerRowCell: "data-pinned:bg-muted/40!"
175
+ headerRowCell: "data-[pinned]:bg-muted/40!"
174
176
  }
175
177
  },
176
178
  {
177
179
  columnsPinnable: true,
178
180
  headerColor: "primary",
179
181
  className: {
180
- headerRowCell: "data-pinned:bg-primary/10!"
182
+ headerRowCell: "data-[pinned]:bg-primary/10!"
181
183
  }
182
184
  },
183
185
  {
184
186
  columnsPinnable: true,
185
187
  headerColor: "accent",
186
188
  className: {
187
- headerRowCell: "data-pinned:bg-accent!"
189
+ headerRowCell: "data-[pinned]:bg-accent!"
188
190
  }
189
191
  }
190
192
  ],
package/dist/{chunk-6DUVIKEU.mjs → chunk-LPNA4ATD.mjs} RENAMED
@@ -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",
package/dist/components/data-grid.d.mts CHANGED
@@ -63,6 +63,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
63
63
  fixed: {
64
64
  table: string;
65
65
  headerRowCell: string;
66
+ bodyRowCell: string;
67
+ bodyRowSkeletonCell: string;
66
68
  };
67
69
  auto: {
68
70
  table: string;
@@ -173,6 +175,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
173
175
  fixed: {
174
176
  table: string;
175
177
  headerRowCell: string;
178
+ bodyRowCell: string;
179
+ bodyRowSkeletonCell: string;
176
180
  };
177
181
  auto: {
178
182
  table: string;
@@ -283,6 +287,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
283
287
  fixed: {
284
288
  table: string;
285
289
  headerRowCell: string;
290
+ bodyRowCell: string;
291
+ bodyRowSkeletonCell: string;
286
292
  };
287
293
  auto: {
288
294
  table: string;
package/dist/components/data-grid.d.ts CHANGED
@@ -63,6 +63,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
63
63
  fixed: {
64
64
  table: string;
65
65
  headerRowCell: string;
66
+ bodyRowCell: string;
67
+ bodyRowSkeletonCell: string;
66
68
  };
67
69
  auto: {
68
70
  table: string;
@@ -173,6 +175,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
173
175
  fixed: {
174
176
  table: string;
175
177
  headerRowCell: string;
178
+ bodyRowCell: string;
179
+ bodyRowSkeletonCell: string;
176
180
  };
177
181
  auto: {
178
182
  table: string;
@@ -283,6 +287,8 @@ declare const datagrid: tailwind_variants.TVReturnType<{
283
287
  fixed: {
284
288
  table: string;
285
289
  headerRowCell: string;
290
+ bodyRowCell: string;
291
+ bodyRowSkeletonCell: string;
286
292
  };
287
293
  auto: {
288
294
  table: string;
package/dist/components/data-grid.js CHANGED
@@ -102,7 +102,9 @@ var datagrid = (0, import_tailwind_variants.tv)({
102
102
  width: {
103
103
  fixed: {
104
104
  table: "table-fixed",
105
- headerRowCell: "w-[var(--size)]"
105
+ headerRowCell: "w-[var(--size)]",
106
+ bodyRowCell: "w-[var(--size)]",
107
+ bodyRowSkeletonCell: "w-[var(--size)]"
106
108
  },
107
109
  auto: {
108
110
  table: "table-auto"
@@ -122,9 +124,9 @@ var datagrid = (0, import_tailwind_variants.tv)({
122
124
  },
123
125
  columnsPinnable: {
124
126
  true: {
125
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
126
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
127
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
127
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
128
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
129
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
128
130
  },
129
131
  false: {}
130
132
  },
@@ -187,28 +189,28 @@ var datagrid = (0, import_tailwind_variants.tv)({
187
189
  columnsPinnable: true,
188
190
  headerColor: "default",
189
191
  className: {
190
- headerRowCell: "data-pinned:bg-transparent!"
192
+ headerRowCell: "data-[pinned]:bg-transparent!"
191
193
  }
192
194
  },
193
195
  {
194
196
  columnsPinnable: true,
195
197
  headerColor: "muted",
196
198
  className: {
197
- headerRowCell: "data-pinned:bg-muted/40!"
199
+ headerRowCell: "data-[pinned]:bg-muted/40!"
198
200
  }
199
201
  },
200
202
  {
201
203
  columnsPinnable: true,
202
204
  headerColor: "primary",
203
205
  className: {
204
- headerRowCell: "data-pinned:bg-primary/10!"
206
+ headerRowCell: "data-[pinned]:bg-primary/10!"
205
207
  }
206
208
  },
207
209
  {
208
210
  columnsPinnable: true,
209
211
  headerColor: "accent",
210
212
  className: {
211
- headerRowCell: "data-pinned:bg-accent!"
213
+ headerRowCell: "data-[pinned]:bg-accent!"
212
214
  }
213
215
  }
214
216
  ],
package/dist/components/data-grid.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  datagrid
3
- } from "../chunk-Z5W4E7GM.mjs";
3
+ } from "../chunk-BCQAC4TS.mjs";
4
4
  export {
5
5
  datagrid
6
6
  };
package/dist/components/editor-basic.d.mts CHANGED
@@ -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[];
package/dist/components/editor-basic.d.ts CHANGED
@@ -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[];
package/dist/components/editor-basic.js CHANGED
@@ -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",
package/dist/components/editor-basic.mjs CHANGED
@@ -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
  };
package/dist/components/index.js CHANGED
@@ -1932,7 +1932,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1932
1932
  width: {
1933
1933
  fixed: {
1934
1934
  table: "table-fixed",
1935
- headerRowCell: "w-[var(--size)]"
1935
+ headerRowCell: "w-[var(--size)]",
1936
+ bodyRowCell: "w-[var(--size)]",
1937
+ bodyRowSkeletonCell: "w-[var(--size)]"
1936
1938
  },
1937
1939
  auto: {
1938
1940
  table: "table-auto"
@@ -1952,9 +1954,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1952
1954
  },
1953
1955
  columnsPinnable: {
1954
1956
  true: {
1955
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1956
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1957
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
1957
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1958
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1959
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
1958
1960
  },
1959
1961
  false: {}
1960
1962
  },
@@ -2017,28 +2019,28 @@ var datagrid = (0, import_tailwind_variants21.tv)({
2017
2019
  columnsPinnable: true,
2018
2020
  headerColor: "default",
2019
2021
  className: {
2020
- headerRowCell: "data-pinned:bg-transparent!"
2022
+ headerRowCell: "data-[pinned]:bg-transparent!"
2021
2023
  }
2022
2024
  },
2023
2025
  {
2024
2026
  columnsPinnable: true,
2025
2027
  headerColor: "muted",
2026
2028
  className: {
2027
- headerRowCell: "data-pinned:bg-muted/40!"
2029
+ headerRowCell: "data-[pinned]:bg-muted/40!"
2028
2030
  }
2029
2031
  },
2030
2032
  {
2031
2033
  columnsPinnable: true,
2032
2034
  headerColor: "primary",
2033
2035
  className: {
2034
- headerRowCell: "data-pinned:bg-primary/10!"
2036
+ headerRowCell: "data-[pinned]:bg-primary/10!"
2035
2037
  }
2036
2038
  },
2037
2039
  {
2038
2040
  columnsPinnable: true,
2039
2041
  headerColor: "accent",
2040
2042
  className: {
2041
- headerRowCell: "data-pinned:bg-accent!"
2043
+ headerRowCell: "data-[pinned]:bg-accent!"
2042
2044
  }
2043
2045
  }
2044
2046
  ],
@@ -2365,10 +2367,21 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2365
2367
  variant: {
2366
2368
  // rounded toolbar, muted background
2367
2369
  default: {
2368
- wrapper: ["border rounded-md"],
2370
+ wrapper: "",
2369
2371
  toolbarContainer: "rounded-md mb-2",
2370
2372
  content: ""
2371
2373
  },
2374
+ // Minimal inline editor - no border, no padding, flexible height
2375
+ inline: {
2376
+ root: "h-auto min-h-0",
2377
+ wrapper: "min-h-0 overflow-y-auto",
2378
+ content: [
2379
+ "[&_.tiptap.ProseMirror]:py-0",
2380
+ "[&_.tiptap.ProseMirror]:px-0",
2381
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
2382
+ "[&_.tiptap.ProseMirror]:outline-none"
2383
+ ]
2384
+ },
2372
2385
  // document style, eg. document editor, fullpage etc pp
2373
2386
  document: {
2374
2387
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -2439,6 +2452,26 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2439
2452
  }
2440
2453
  },
2441
2454
  compoundVariants: [
2455
+ // Default with border (standard)
2456
+ {
2457
+ variant: "default",
2458
+ bordered: true,
2459
+ class: {
2460
+ wrapper: "border rounded-md"
2461
+ }
2462
+ },
2463
+ // Default without border (minimal/inline)
2464
+ {
2465
+ variant: "default",
2466
+ bordered: false,
2467
+ class: {
2468
+ wrapper: "border-0",
2469
+ content: [
2470
+ "[&_.tiptap.ProseMirror]:py-0",
2471
+ "[&_.tiptap.ProseMirror]:px-0"
2472
+ ]
2473
+ }
2474
+ },
2442
2475
  // Field with border (default for editable)
2443
2476
  {
2444
2477
  variant: "field",
package/dist/components/index.mjs CHANGED
@@ -123,7 +123,7 @@ import {
123
123
  } from "../chunk-3PCDCW7G.mjs";
124
124
  import {
125
125
  editorBasic
126
- } from "../chunk-6DUVIKEU.mjs";
126
+ } from "../chunk-LPNA4ATD.mjs";
127
127
  import {
128
128
  editorSpinner
129
129
  } from "../chunk-TVC4THD6.mjs";
@@ -156,7 +156,7 @@ import {
156
156
  } from "../chunk-M4TXKRUU.mjs";
157
157
  import {
158
158
  datagrid
159
- } from "../chunk-Z5W4E7GM.mjs";
159
+ } from "../chunk-BCQAC4TS.mjs";
160
160
  import {
161
161
  dataTable
162
162
  } from "../chunk-GNYTZGE5.mjs";
package/dist/index.js CHANGED
@@ -1932,7 +1932,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1932
1932
  width: {
1933
1933
  fixed: {
1934
1934
  table: "table-fixed",
1935
- headerRowCell: "w-[var(--size)]"
1935
+ headerRowCell: "w-[var(--size)]",
1936
+ bodyRowCell: "w-[var(--size)]",
1937
+ bodyRowSkeletonCell: "w-[var(--size)]"
1936
1938
  },
1937
1939
  auto: {
1938
1940
  table: "table-auto"
@@ -1952,9 +1954,9 @@ var datagrid = (0, import_tailwind_variants21.tv)({
1952
1954
  },
1953
1955
  columnsPinnable: {
1954
1956
  true: {
1955
- headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1956
- bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background",
1957
- bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e! [&[data-pinned=right][data-last-col=right]]:border-s! [&[data-pinned][data-last-col]]:border-border data-pinned:bg-background"
1957
+ headerRowCell: "[&:not([data-pinned]):has(+[data-pinned])_div.cursor-col-resize:last-child]:opacity-0 [&[data-last-col=left]_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right]:last-child_div.cursor-col-resize:last-child]:opacity-0 [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1958
+ bodyRowCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background",
1959
+ bodyRowSkeletonCell: "[&[data-pinned=left][data-last-col=left]]:border-e [&[data-pinned=left][data-last-col=left]]:shadow-[2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned=right][data-last-col=right]]:border-s [&[data-pinned=right][data-last-col=right]]:shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.1)] [&[data-pinned][data-last-col]]:border-border data-[pinned]:bg-background"
1958
1960
  },
1959
1961
  false: {}
1960
1962
  },
@@ -2017,28 +2019,28 @@ var datagrid = (0, import_tailwind_variants21.tv)({
2017
2019
  columnsPinnable: true,
2018
2020
  headerColor: "default",
2019
2021
  className: {
2020
- headerRowCell: "data-pinned:bg-transparent!"
2022
+ headerRowCell: "data-[pinned]:bg-transparent!"
2021
2023
  }
2022
2024
  },
2023
2025
  {
2024
2026
  columnsPinnable: true,
2025
2027
  headerColor: "muted",
2026
2028
  className: {
2027
- headerRowCell: "data-pinned:bg-muted/40!"
2029
+ headerRowCell: "data-[pinned]:bg-muted/40!"
2028
2030
  }
2029
2031
  },
2030
2032
  {
2031
2033
  columnsPinnable: true,
2032
2034
  headerColor: "primary",
2033
2035
  className: {
2034
- headerRowCell: "data-pinned:bg-primary/10!"
2036
+ headerRowCell: "data-[pinned]:bg-primary/10!"
2035
2037
  }
2036
2038
  },
2037
2039
  {
2038
2040
  columnsPinnable: true,
2039
2041
  headerColor: "accent",
2040
2042
  className: {
2041
- headerRowCell: "data-pinned:bg-accent!"
2043
+ headerRowCell: "data-[pinned]:bg-accent!"
2042
2044
  }
2043
2045
  }
2044
2046
  ],
@@ -2365,10 +2367,21 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2365
2367
  variant: {
2366
2368
  // rounded toolbar, muted background
2367
2369
  default: {
2368
- wrapper: ["border rounded-md"],
2370
+ wrapper: "",
2369
2371
  toolbarContainer: "rounded-md mb-2",
2370
2372
  content: ""
2371
2373
  },
2374
+ // Minimal inline editor - no border, no padding, flexible height
2375
+ inline: {
2376
+ root: "h-auto min-h-0",
2377
+ wrapper: "min-h-0 overflow-y-auto",
2378
+ content: [
2379
+ "[&_.tiptap.ProseMirror]:py-0",
2380
+ "[&_.tiptap.ProseMirror]:px-0",
2381
+ "[&_.tiptap.ProseMirror]:min-h-[80px]",
2382
+ "[&_.tiptap.ProseMirror]:outline-none"
2383
+ ]
2384
+ },
2372
2385
  // document style, eg. document editor, fullpage etc pp
2373
2386
  document: {
2374
2387
  root: "h-full min-h-0 flex flex-col overflow-hidden",
@@ -2439,6 +2452,26 @@ var editorBasic = (0, import_tailwind_variants26.tv)({
2439
2452
  }
2440
2453
  },
2441
2454
  compoundVariants: [
2455
+ // Default with border (standard)
2456
+ {
2457
+ variant: "default",
2458
+ bordered: true,
2459
+ class: {
2460
+ wrapper: "border rounded-md"
2461
+ }
2462
+ },
2463
+ // Default without border (minimal/inline)
2464
+ {
2465
+ variant: "default",
2466
+ bordered: false,
2467
+ class: {
2468
+ wrapper: "border-0",
2469
+ content: [
2470
+ "[&_.tiptap.ProseMirror]:py-0",
2471
+ "[&_.tiptap.ProseMirror]:px-0"
2472
+ ]
2473
+ }
2474
+ },
2442
2475
  // Field with border (default for editable)
2443
2476
  {
2444
2477
  variant: "field",
package/dist/index.mjs CHANGED
@@ -124,7 +124,7 @@ import {
124
124
  } from "./chunk-3PCDCW7G.mjs";
125
125
  import {
126
126
  editorBasic
127
- } from "./chunk-6DUVIKEU.mjs";
127
+ } from "./chunk-LPNA4ATD.mjs";
128
128
  import {
129
129
  editorSpinner
130
130
  } from "./chunk-TVC4THD6.mjs";
@@ -157,7 +157,7 @@ import {
157
157
  } from "./chunk-M4TXKRUU.mjs";
158
158
  import {
159
159
  datagrid
160
- } from "./chunk-Z5W4E7GM.mjs";
160
+ } from "./chunk-BCQAC4TS.mjs";
161
161
  import {
162
162
  dataTable
163
163
  } from "./chunk-GNYTZGE5.mjs";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/theme",
3
- "version": "17.13.0",
3
+ "version": "17.14.0",
4
4
  "description": "The default theme for Kopexa components",
5
5
  "keywords": [
6
6
  "theme",
@@ -66,7 +66,7 @@
66
66
  "tailwind-merge": "3.4.0",
67
67
  "tailwind-variants": "^3.2.2",
68
68
  "tw-animate-css": "^1.4.0",
69
- "@kopexa/shared-utils": "17.0.25"
69
+ "@kopexa/shared-utils": "17.0.27"
70
70
  },
71
71
  "peerDependencies": {
72
72
  "tailwindcss": ">=4.0.0"