@kopexa/theme 17.21.1 → 17.22.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.
@@ -0,0 +1,47 @@
1
+ // src/components/toggle-row.ts
2
+ import { tv } from "tailwind-variants";
3
+ var toggleRow = tv({
4
+ slots: {
5
+ root: [
6
+ "flex items-center justify-between gap-4 py-2.5 px-3 rounded-lg",
7
+ "border border-transparent transition-colors",
8
+ "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
9
+ ],
10
+ content: ["flex flex-col gap-0.5 min-w-0"],
11
+ label: ["text-sm"],
12
+ description: ["text-xs text-muted-foreground"]
13
+ },
14
+ variants: {
15
+ variant: {
16
+ default: {
17
+ root: ""
18
+ },
19
+ bordered: {
20
+ root: "border-border"
21
+ }
22
+ },
23
+ disabled: {
24
+ true: {
25
+ root: "cursor-default opacity-60"
26
+ },
27
+ false: {
28
+ root: "cursor-pointer hover:bg-muted/50"
29
+ }
30
+ },
31
+ checked: {
32
+ true: {
33
+ root: "bg-muted/30"
34
+ },
35
+ false: {}
36
+ }
37
+ },
38
+ defaultVariants: {
39
+ variant: "default",
40
+ disabled: false,
41
+ checked: false
42
+ }
43
+ });
44
+
45
+ export {
46
+ toggleRow
47
+ };
@@ -2,7 +2,7 @@
2
2
  import { tv } from "tailwind-variants";
3
3
  var editableText = tv({
4
4
  slots: {
5
- root: ["group/editable flex w-full min-w-0 items-center gap-2"],
5
+ root: ["group/editable flex w-full min-w-0 gap-2"],
6
6
  view: [
7
7
  "flex-1 inline-flex items-center cursor-pointer rounded px-2 py-1 -mx-2",
8
8
  "hover:bg-muted/50 transition-colors",
@@ -12,6 +12,11 @@ var editableText = tv({
12
12
  "flex-1 bg-transparent border-none outline-none",
13
13
  "ring-2 ring-primary rounded px-2 py-1 -mx-2"
14
14
  ],
15
+ textarea: [
16
+ "flex-1 bg-transparent border-none outline-none resize-none",
17
+ "ring-2 ring-primary rounded px-2 py-1 -mx-2",
18
+ "min-h-[60px]"
19
+ ],
15
20
  placeholder: ["text-muted-foreground"],
16
21
  actions: ["flex items-center gap-1 shrink-0 ml-2"],
17
22
  editButton: [
@@ -33,49 +38,70 @@ var editableText = tv({
33
38
  size: {
34
39
  xs: {
35
40
  view: "text-xs",
36
- input: "text-xs"
41
+ input: "text-xs",
42
+ textarea: "text-xs"
37
43
  },
38
44
  sm: {
39
45
  view: "text-sm",
40
- input: "text-sm"
46
+ input: "text-sm",
47
+ textarea: "text-sm"
41
48
  },
42
49
  base: {
43
50
  view: "text-base",
44
- input: "text-base"
51
+ input: "text-base",
52
+ textarea: "text-base"
45
53
  },
46
54
  lg: {
47
55
  view: "text-lg",
48
- input: "text-lg"
56
+ input: "text-lg",
57
+ textarea: "text-lg"
49
58
  },
50
59
  xl: {
51
60
  view: "text-xl",
52
- input: "text-xl"
61
+ input: "text-xl",
62
+ textarea: "text-xl"
53
63
  },
54
64
  "2xl": {
55
65
  view: "text-2xl",
56
- input: "text-2xl"
66
+ input: "text-2xl",
67
+ textarea: "text-2xl"
57
68
  },
58
69
  "3xl": {
59
70
  view: "text-3xl",
60
- input: "text-3xl"
71
+ input: "text-3xl",
72
+ textarea: "text-3xl"
61
73
  }
62
74
  },
63
75
  weight: {
64
76
  normal: {
65
77
  view: "font-normal",
66
- input: "font-normal"
78
+ input: "font-normal",
79
+ textarea: "font-normal"
67
80
  },
68
81
  medium: {
69
82
  view: "font-medium",
70
- input: "font-medium"
83
+ input: "font-medium",
84
+ textarea: "font-medium"
71
85
  },
72
86
  semibold: {
73
87
  view: "font-semibold",
74
- input: "font-semibold"
88
+ input: "font-semibold",
89
+ textarea: "font-semibold"
75
90
  },
76
91
  bold: {
77
92
  view: "font-bold",
78
- input: "font-bold"
93
+ input: "font-bold",
94
+ textarea: "font-bold"
95
+ }
96
+ },
97
+ multiline: {
98
+ true: {
99
+ root: "items-start",
100
+ view: "items-start whitespace-pre-wrap",
101
+ actions: "mt-1"
102
+ },
103
+ false: {
104
+ root: "items-center"
79
105
  }
80
106
  },
81
107
  disabled: {
@@ -100,7 +126,8 @@ var editableText = tv({
100
126
  weight: "normal",
101
127
  disabled: false,
102
128
  showButtons: false,
103
- buttonVisibility: "hover"
129
+ buttonVisibility: "hover",
130
+ multiline: false
104
131
  }
105
132
  });
106
133
 
@@ -6,48 +6,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
6
6
  xs: {
7
7
  view: string;
8
8
  input: string;
9
+ textarea: string;
9
10
  };
10
11
  sm: {
11
12
  view: string;
12
13
  input: string;
14
+ textarea: string;
13
15
  };
14
16
  base: {
15
17
  view: string;
16
18
  input: string;
19
+ textarea: string;
17
20
  };
18
21
  lg: {
19
22
  view: string;
20
23
  input: string;
24
+ textarea: string;
21
25
  };
22
26
  xl: {
23
27
  view: string;
24
28
  input: string;
29
+ textarea: string;
25
30
  };
26
31
  "2xl": {
27
32
  view: string;
28
33
  input: string;
34
+ textarea: string;
29
35
  };
30
36
  "3xl": {
31
37
  view: string;
32
38
  input: string;
39
+ textarea: string;
33
40
  };
34
41
  };
35
42
  weight: {
36
43
  normal: {
37
44
  view: string;
38
45
  input: string;
46
+ textarea: string;
39
47
  };
40
48
  medium: {
41
49
  view: string;
42
50
  input: string;
51
+ textarea: string;
43
52
  };
44
53
  semibold: {
45
54
  view: string;
46
55
  input: string;
56
+ textarea: string;
47
57
  };
48
58
  bold: {
49
59
  view: string;
50
60
  input: string;
61
+ textarea: string;
62
+ };
63
+ };
64
+ multiline: {
65
+ true: {
66
+ root: string;
67
+ view: string;
68
+ actions: string;
69
+ };
70
+ false: {
71
+ root: string;
51
72
  };
52
73
  };
53
74
  disabled: {
@@ -70,6 +91,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
70
91
  root: string[];
71
92
  view: string[];
72
93
  input: string[];
94
+ textarea: string[];
73
95
  placeholder: string[];
74
96
  actions: string[];
75
97
  editButton: string[];
@@ -80,48 +102,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
80
102
  xs: {
81
103
  view: string;
82
104
  input: string;
105
+ textarea: string;
83
106
  };
84
107
  sm: {
85
108
  view: string;
86
109
  input: string;
110
+ textarea: string;
87
111
  };
88
112
  base: {
89
113
  view: string;
90
114
  input: string;
115
+ textarea: string;
91
116
  };
92
117
  lg: {
93
118
  view: string;
94
119
  input: string;
120
+ textarea: string;
95
121
  };
96
122
  xl: {
97
123
  view: string;
98
124
  input: string;
125
+ textarea: string;
99
126
  };
100
127
  "2xl": {
101
128
  view: string;
102
129
  input: string;
130
+ textarea: string;
103
131
  };
104
132
  "3xl": {
105
133
  view: string;
106
134
  input: string;
135
+ textarea: string;
107
136
  };
108
137
  };
109
138
  weight: {
110
139
  normal: {
111
140
  view: string;
112
141
  input: string;
142
+ textarea: string;
113
143
  };
114
144
  medium: {
115
145
  view: string;
116
146
  input: string;
147
+ textarea: string;
117
148
  };
118
149
  semibold: {
119
150
  view: string;
120
151
  input: string;
152
+ textarea: string;
121
153
  };
122
154
  bold: {
123
155
  view: string;
124
156
  input: string;
157
+ textarea: string;
158
+ };
159
+ };
160
+ multiline: {
161
+ true: {
162
+ root: string;
163
+ view: string;
164
+ actions: string;
165
+ };
166
+ false: {
167
+ root: string;
125
168
  };
126
169
  };
127
170
  disabled: {
@@ -144,6 +187,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
144
187
  root: string[];
145
188
  view: string[];
146
189
  input: string[];
190
+ textarea: string[];
147
191
  placeholder: string[];
148
192
  actions: string[];
149
193
  editButton: string[];
@@ -154,48 +198,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
154
198
  xs: {
155
199
  view: string;
156
200
  input: string;
201
+ textarea: string;
157
202
  };
158
203
  sm: {
159
204
  view: string;
160
205
  input: string;
206
+ textarea: string;
161
207
  };
162
208
  base: {
163
209
  view: string;
164
210
  input: string;
211
+ textarea: string;
165
212
  };
166
213
  lg: {
167
214
  view: string;
168
215
  input: string;
216
+ textarea: string;
169
217
  };
170
218
  xl: {
171
219
  view: string;
172
220
  input: string;
221
+ textarea: string;
173
222
  };
174
223
  "2xl": {
175
224
  view: string;
176
225
  input: string;
226
+ textarea: string;
177
227
  };
178
228
  "3xl": {
179
229
  view: string;
180
230
  input: string;
231
+ textarea: string;
181
232
  };
182
233
  };
183
234
  weight: {
184
235
  normal: {
185
236
  view: string;
186
237
  input: string;
238
+ textarea: string;
187
239
  };
188
240
  medium: {
189
241
  view: string;
190
242
  input: string;
243
+ textarea: string;
191
244
  };
192
245
  semibold: {
193
246
  view: string;
194
247
  input: string;
248
+ textarea: string;
195
249
  };
196
250
  bold: {
197
251
  view: string;
198
252
  input: string;
253
+ textarea: string;
254
+ };
255
+ };
256
+ multiline: {
257
+ true: {
258
+ root: string;
259
+ view: string;
260
+ actions: string;
261
+ };
262
+ false: {
263
+ root: string;
199
264
  };
200
265
  };
201
266
  disabled: {
@@ -218,6 +283,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
218
283
  root: string[];
219
284
  view: string[];
220
285
  input: string[];
286
+ textarea: string[];
221
287
  placeholder: string[];
222
288
  actions: string[];
223
289
  editButton: string[];
@@ -6,48 +6,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
6
6
  xs: {
7
7
  view: string;
8
8
  input: string;
9
+ textarea: string;
9
10
  };
10
11
  sm: {
11
12
  view: string;
12
13
  input: string;
14
+ textarea: string;
13
15
  };
14
16
  base: {
15
17
  view: string;
16
18
  input: string;
19
+ textarea: string;
17
20
  };
18
21
  lg: {
19
22
  view: string;
20
23
  input: string;
24
+ textarea: string;
21
25
  };
22
26
  xl: {
23
27
  view: string;
24
28
  input: string;
29
+ textarea: string;
25
30
  };
26
31
  "2xl": {
27
32
  view: string;
28
33
  input: string;
34
+ textarea: string;
29
35
  };
30
36
  "3xl": {
31
37
  view: string;
32
38
  input: string;
39
+ textarea: string;
33
40
  };
34
41
  };
35
42
  weight: {
36
43
  normal: {
37
44
  view: string;
38
45
  input: string;
46
+ textarea: string;
39
47
  };
40
48
  medium: {
41
49
  view: string;
42
50
  input: string;
51
+ textarea: string;
43
52
  };
44
53
  semibold: {
45
54
  view: string;
46
55
  input: string;
56
+ textarea: string;
47
57
  };
48
58
  bold: {
49
59
  view: string;
50
60
  input: string;
61
+ textarea: string;
62
+ };
63
+ };
64
+ multiline: {
65
+ true: {
66
+ root: string;
67
+ view: string;
68
+ actions: string;
69
+ };
70
+ false: {
71
+ root: string;
51
72
  };
52
73
  };
53
74
  disabled: {
@@ -70,6 +91,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
70
91
  root: string[];
71
92
  view: string[];
72
93
  input: string[];
94
+ textarea: string[];
73
95
  placeholder: string[];
74
96
  actions: string[];
75
97
  editButton: string[];
@@ -80,48 +102,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
80
102
  xs: {
81
103
  view: string;
82
104
  input: string;
105
+ textarea: string;
83
106
  };
84
107
  sm: {
85
108
  view: string;
86
109
  input: string;
110
+ textarea: string;
87
111
  };
88
112
  base: {
89
113
  view: string;
90
114
  input: string;
115
+ textarea: string;
91
116
  };
92
117
  lg: {
93
118
  view: string;
94
119
  input: string;
120
+ textarea: string;
95
121
  };
96
122
  xl: {
97
123
  view: string;
98
124
  input: string;
125
+ textarea: string;
99
126
  };
100
127
  "2xl": {
101
128
  view: string;
102
129
  input: string;
130
+ textarea: string;
103
131
  };
104
132
  "3xl": {
105
133
  view: string;
106
134
  input: string;
135
+ textarea: string;
107
136
  };
108
137
  };
109
138
  weight: {
110
139
  normal: {
111
140
  view: string;
112
141
  input: string;
142
+ textarea: string;
113
143
  };
114
144
  medium: {
115
145
  view: string;
116
146
  input: string;
147
+ textarea: string;
117
148
  };
118
149
  semibold: {
119
150
  view: string;
120
151
  input: string;
152
+ textarea: string;
121
153
  };
122
154
  bold: {
123
155
  view: string;
124
156
  input: string;
157
+ textarea: string;
158
+ };
159
+ };
160
+ multiline: {
161
+ true: {
162
+ root: string;
163
+ view: string;
164
+ actions: string;
165
+ };
166
+ false: {
167
+ root: string;
125
168
  };
126
169
  };
127
170
  disabled: {
@@ -144,6 +187,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
144
187
  root: string[];
145
188
  view: string[];
146
189
  input: string[];
190
+ textarea: string[];
147
191
  placeholder: string[];
148
192
  actions: string[];
149
193
  editButton: string[];
@@ -154,48 +198,69 @@ declare const editableText: tailwind_variants.TVReturnType<{
154
198
  xs: {
155
199
  view: string;
156
200
  input: string;
201
+ textarea: string;
157
202
  };
158
203
  sm: {
159
204
  view: string;
160
205
  input: string;
206
+ textarea: string;
161
207
  };
162
208
  base: {
163
209
  view: string;
164
210
  input: string;
211
+ textarea: string;
165
212
  };
166
213
  lg: {
167
214
  view: string;
168
215
  input: string;
216
+ textarea: string;
169
217
  };
170
218
  xl: {
171
219
  view: string;
172
220
  input: string;
221
+ textarea: string;
173
222
  };
174
223
  "2xl": {
175
224
  view: string;
176
225
  input: string;
226
+ textarea: string;
177
227
  };
178
228
  "3xl": {
179
229
  view: string;
180
230
  input: string;
231
+ textarea: string;
181
232
  };
182
233
  };
183
234
  weight: {
184
235
  normal: {
185
236
  view: string;
186
237
  input: string;
238
+ textarea: string;
187
239
  };
188
240
  medium: {
189
241
  view: string;
190
242
  input: string;
243
+ textarea: string;
191
244
  };
192
245
  semibold: {
193
246
  view: string;
194
247
  input: string;
248
+ textarea: string;
195
249
  };
196
250
  bold: {
197
251
  view: string;
198
252
  input: string;
253
+ textarea: string;
254
+ };
255
+ };
256
+ multiline: {
257
+ true: {
258
+ root: string;
259
+ view: string;
260
+ actions: string;
261
+ };
262
+ false: {
263
+ root: string;
199
264
  };
200
265
  };
201
266
  disabled: {
@@ -218,6 +283,7 @@ declare const editableText: tailwind_variants.TVReturnType<{
218
283
  root: string[];
219
284
  view: string[];
220
285
  input: string[];
286
+ textarea: string[];
221
287
  placeholder: string[];
222
288
  actions: string[];
223
289
  editButton: string[];