gurunkit 0.1.4 → 0.2.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.
- package/dist/gurun-kit.js +214 -94
- package/dist/gurun-kit.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/gurun-kit.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Transition as e, createElementBlock as t, createElementVNode as n, h as r, openBlock as i, useId as a } from "vue";
|
|
2
2
|
//#region src/components/button/button.ts
|
|
3
|
-
var
|
|
3
|
+
var o = {
|
|
4
4
|
base: "font-medium cursor-pointer inline-flex items-center justify-center",
|
|
5
5
|
colors: {
|
|
6
6
|
primary: "bg-blue-600 text-white hover:bg-blue-700",
|
|
@@ -14,19 +14,19 @@ var n = {
|
|
|
14
14
|
md: "h-10 px-4 rounded-md",
|
|
15
15
|
lg: "h-12 px-6 rounded-md text-lg"
|
|
16
16
|
}
|
|
17
|
-
},
|
|
18
|
-
let { class:
|
|
19
|
-
return e
|
|
17
|
+
}, s = (e, t) => {
|
|
18
|
+
let { class: n, ...i } = t.attrs;
|
|
19
|
+
return r(e.tag ?? "button", {
|
|
20
20
|
class: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
n,
|
|
22
|
+
o.base,
|
|
23
|
+
o.colors[e.color ?? "primary"],
|
|
24
|
+
o.sizes[e.size ?? "md"]
|
|
25
25
|
],
|
|
26
|
-
...
|
|
27
|
-
}, { default:
|
|
26
|
+
...i
|
|
27
|
+
}, { default: t.slots.default });
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
s.props = {
|
|
30
30
|
color: {
|
|
31
31
|
type: String,
|
|
32
32
|
default: "primary"
|
|
@@ -42,66 +42,73 @@ r.props = {
|
|
|
42
42
|
};
|
|
43
43
|
//#endregion
|
|
44
44
|
//#region src/components/input/input.ts
|
|
45
|
-
var
|
|
46
|
-
base: "border focus:outline-
|
|
45
|
+
var c = {
|
|
46
|
+
base: "border focus:outline-1",
|
|
47
47
|
file: "pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white",
|
|
48
48
|
colors: {
|
|
49
49
|
primary: {
|
|
50
|
-
base: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
50
|
+
base: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
51
51
|
file: "file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400"
|
|
52
52
|
},
|
|
53
53
|
success: {
|
|
54
|
-
base: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
54
|
+
base: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
55
55
|
file: "file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400"
|
|
56
56
|
},
|
|
57
57
|
error: {
|
|
58
|
-
base: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
58
|
+
base: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
59
59
|
file: "file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400"
|
|
60
60
|
},
|
|
61
61
|
warning: {
|
|
62
|
-
base: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
62
|
+
base: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
63
63
|
file: "file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400"
|
|
64
64
|
},
|
|
65
65
|
light: {
|
|
66
|
-
base: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300",
|
|
66
|
+
base: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300",
|
|
67
67
|
file: "file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
70
|
sizes: {
|
|
71
71
|
sm: {
|
|
72
|
-
base: "
|
|
72
|
+
base: "px-2.5 rounded text-sm",
|
|
73
|
+
input: "h-8",
|
|
74
|
+
textarea: "min-h-8 py-2",
|
|
73
75
|
file: "file:text-sm file:px-2.5 file:mr-2.5"
|
|
74
76
|
},
|
|
75
77
|
md: {
|
|
76
|
-
base: "
|
|
78
|
+
base: "px-3 rounded-md",
|
|
79
|
+
input: "h-10",
|
|
80
|
+
textarea: "min-h-10 py-2",
|
|
77
81
|
file: "file:px-3 file:mr-3"
|
|
78
82
|
},
|
|
79
83
|
lg: {
|
|
80
|
-
base: "
|
|
84
|
+
base: "px-4 rounded-md text-lg",
|
|
85
|
+
input: "h-12",
|
|
86
|
+
textarea: "min-h-12 py-3",
|
|
81
87
|
file: "file:text-lg file:px-4 file:mr-4"
|
|
82
88
|
}
|
|
83
89
|
}
|
|
84
|
-
},
|
|
85
|
-
let { class:
|
|
86
|
-
return e
|
|
87
|
-
type:
|
|
90
|
+
}, l = (e, t) => {
|
|
91
|
+
let { class: n, type: i, ...a } = t.attrs;
|
|
92
|
+
return r(e.tag === "textarea" ? "textarea" : "input", {
|
|
93
|
+
type: i,
|
|
88
94
|
class: [
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
...
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
n,
|
|
96
|
+
c.base,
|
|
97
|
+
...i === "file" ? [
|
|
98
|
+
c.file,
|
|
99
|
+
c.colors[e.color ?? "light"].file,
|
|
100
|
+
c.sizes[e.size ?? "md"].file
|
|
95
101
|
] : [],
|
|
96
|
-
|
|
97
|
-
|
|
102
|
+
c.colors[e.color ?? "light"].base,
|
|
103
|
+
c.sizes[e.size ?? "md"].base,
|
|
104
|
+
c.sizes[e.size ?? "md"][e.tag === "textarea" ? "textarea" : "input"]
|
|
98
105
|
],
|
|
99
|
-
...
|
|
100
|
-
value:
|
|
101
|
-
onInput: (e) =>
|
|
106
|
+
...a,
|
|
107
|
+
value: e.modelValue,
|
|
108
|
+
onInput: (e) => t.emit("update:modelValue", e.target.value)
|
|
102
109
|
});
|
|
103
110
|
};
|
|
104
|
-
|
|
111
|
+
l.props = {
|
|
105
112
|
color: {
|
|
106
113
|
type: String,
|
|
107
114
|
default: "light"
|
|
@@ -110,11 +117,15 @@ a.props = {
|
|
|
110
117
|
type: String,
|
|
111
118
|
default: "md"
|
|
112
119
|
},
|
|
113
|
-
modelValue: String
|
|
120
|
+
modelValue: String,
|
|
121
|
+
tag: {
|
|
122
|
+
type: String,
|
|
123
|
+
default: "input"
|
|
124
|
+
}
|
|
114
125
|
};
|
|
115
126
|
//#endregion
|
|
116
127
|
//#region src/components/checkbox/checkbox.ts
|
|
117
|
-
var
|
|
128
|
+
var u = {
|
|
118
129
|
wrapper: "inline-flex items-center gap-2.5",
|
|
119
130
|
label: "font-normal text-gray-900 dark:text-gray-300",
|
|
120
131
|
base: "appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute",
|
|
@@ -130,28 +141,28 @@ var o = {
|
|
|
130
141
|
md: "size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5",
|
|
131
142
|
lg: "size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75"
|
|
132
143
|
}
|
|
133
|
-
},
|
|
134
|
-
let
|
|
135
|
-
return
|
|
136
|
-
...
|
|
137
|
-
id:
|
|
144
|
+
}, d = (e, t) => {
|
|
145
|
+
let n = e.id || a();
|
|
146
|
+
return r("div", { class: u.wrapper }, [r("input", {
|
|
147
|
+
...t.attrs,
|
|
148
|
+
id: n,
|
|
138
149
|
type: "checkbox",
|
|
139
|
-
checked: Array.isArray(
|
|
150
|
+
checked: Array.isArray(e.modelValue) ? e.modelValue.findIndex((t) => t === e.inputValue) !== -1 : e.modelValue,
|
|
140
151
|
class: [
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
152
|
+
u.base,
|
|
153
|
+
u.colors[e.color ?? "light"],
|
|
154
|
+
u.sizes[e.size ?? "md"]
|
|
144
155
|
],
|
|
145
|
-
onChange: (
|
|
146
|
-
let
|
|
147
|
-
|
|
156
|
+
onChange: (n) => {
|
|
157
|
+
let r = n.target.checked;
|
|
158
|
+
t.emit("update:modelValue", Array.isArray(e.modelValue) ? r ? [...e.modelValue, e.inputValue] : e.modelValue.filter((t) => t !== e.inputValue) : r);
|
|
148
159
|
}
|
|
149
|
-
}),
|
|
150
|
-
class:
|
|
151
|
-
for:
|
|
152
|
-
},
|
|
160
|
+
}), e.label ? r("label", {
|
|
161
|
+
class: u.label,
|
|
162
|
+
for: n
|
|
163
|
+
}, e.label) : null]);
|
|
153
164
|
};
|
|
154
|
-
|
|
165
|
+
d.props = {
|
|
155
166
|
label: String,
|
|
156
167
|
color: {
|
|
157
168
|
type: String,
|
|
@@ -164,10 +175,10 @@ s.props = {
|
|
|
164
175
|
inputValue: String,
|
|
165
176
|
modelValue: [Boolean, Array],
|
|
166
177
|
id: String
|
|
167
|
-
},
|
|
178
|
+
}, d.emits = ["update:modelValue"];
|
|
168
179
|
//#endregion
|
|
169
180
|
//#region src/components/radio/radio.ts
|
|
170
|
-
var
|
|
181
|
+
var f = {
|
|
171
182
|
wrapper: "inline-flex items-center gap-2",
|
|
172
183
|
label: "font-normal text-gray-900 dark:text-gray-300",
|
|
173
184
|
base: "appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2",
|
|
@@ -183,27 +194,27 @@ var c = {
|
|
|
183
194
|
md: "size-4 after:size-1.75",
|
|
184
195
|
lg: "size-6 after:size-3"
|
|
185
196
|
}
|
|
186
|
-
},
|
|
187
|
-
let
|
|
188
|
-
return
|
|
189
|
-
...
|
|
190
|
-
id:
|
|
197
|
+
}, p = (e, t) => {
|
|
198
|
+
let n = e.id || a();
|
|
199
|
+
return r("div", { class: f.wrapper }, [r("input", {
|
|
200
|
+
...t.attrs,
|
|
201
|
+
id: n,
|
|
191
202
|
type: "radio",
|
|
192
|
-
checked:
|
|
203
|
+
checked: e.modelValue === e.inputValue,
|
|
193
204
|
class: [
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
205
|
+
f.base,
|
|
206
|
+
f.colors[e.color ?? "light"],
|
|
207
|
+
f.sizes[e.size ?? "md"]
|
|
197
208
|
],
|
|
198
209
|
onChange: () => {
|
|
199
|
-
|
|
210
|
+
t.emit("update:modelValue", e.inputValue);
|
|
200
211
|
}
|
|
201
|
-
}),
|
|
202
|
-
class:
|
|
203
|
-
for:
|
|
204
|
-
},
|
|
212
|
+
}), e.label ? r("label", {
|
|
213
|
+
class: f.label,
|
|
214
|
+
for: n
|
|
215
|
+
}, e.label) : null]);
|
|
205
216
|
};
|
|
206
|
-
|
|
217
|
+
p.props = {
|
|
207
218
|
label: String,
|
|
208
219
|
color: {
|
|
209
220
|
type: String,
|
|
@@ -216,18 +227,18 @@ l.props = {
|
|
|
216
227
|
inputValue: String,
|
|
217
228
|
modelValue: String,
|
|
218
229
|
id: String
|
|
219
|
-
},
|
|
230
|
+
}, p.emits = ["update:modelValue"];
|
|
220
231
|
//#endregion
|
|
221
232
|
//#region src/components/select/select.ts
|
|
222
|
-
var
|
|
223
|
-
base: "appearance-none border focus:outline-
|
|
233
|
+
var m = {
|
|
234
|
+
base: "appearance-none border focus:outline-1",
|
|
224
235
|
wrapper: "w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute",
|
|
225
236
|
colors: {
|
|
226
|
-
primary: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
227
|
-
success: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
228
|
-
error: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
229
|
-
warning: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
230
|
-
light: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300"
|
|
237
|
+
primary: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
238
|
+
success: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
239
|
+
error: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
240
|
+
warning: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
241
|
+
light: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300"
|
|
231
242
|
},
|
|
232
243
|
wrapperSizes: {
|
|
233
244
|
sm: "after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5",
|
|
@@ -239,22 +250,22 @@ var u = {
|
|
|
239
250
|
md: "h-10 pl-3 pr-10 rounded-md",
|
|
240
251
|
lg: "h-12 px-4 pr-12 rounded-md text-lg"
|
|
241
252
|
}
|
|
242
|
-
},
|
|
243
|
-
let { class:
|
|
244
|
-
return
|
|
253
|
+
}, h = (e, t) => {
|
|
254
|
+
let { class: n, type: i, ...a } = t.attrs;
|
|
255
|
+
return r("div", { class: [m.wrapper, m.wrapperSizes[e.size ?? "md"]] }, r("select", {
|
|
245
256
|
type: i,
|
|
246
257
|
class: [
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
258
|
+
n,
|
|
259
|
+
m.base,
|
|
260
|
+
m.colors[e.color ?? "light"],
|
|
261
|
+
m.sizes[e.size ?? "md"]
|
|
251
262
|
],
|
|
252
263
|
...a,
|
|
253
|
-
value:
|
|
254
|
-
onChange: (e) =>
|
|
255
|
-
},
|
|
264
|
+
value: e.modelValue,
|
|
265
|
+
onChange: (e) => t.emit("update:modelValue", e.target.value)
|
|
266
|
+
}, e.options?.map((e) => r("option", { value: typeof e == "object" ? e.id : e }, typeof e == "object" ? e.name : e))));
|
|
256
267
|
};
|
|
257
|
-
|
|
268
|
+
h.props = {
|
|
258
269
|
color: {
|
|
259
270
|
type: String,
|
|
260
271
|
default: "light"
|
|
@@ -270,4 +281,113 @@ d.props = {
|
|
|
270
281
|
}
|
|
271
282
|
};
|
|
272
283
|
//#endregion
|
|
273
|
-
|
|
284
|
+
//#region src/components/form-item/form-item.ts
|
|
285
|
+
var g = (e, t) => {
|
|
286
|
+
let n = e.id || a();
|
|
287
|
+
return r("div", [r("label", {
|
|
288
|
+
class: "block mb-1",
|
|
289
|
+
for: n
|
|
290
|
+
}, e.label), t.slots.default ? t.slots.default({ id: n }) : null]);
|
|
291
|
+
};
|
|
292
|
+
g.props = {
|
|
293
|
+
label: {
|
|
294
|
+
type: String,
|
|
295
|
+
required: !0
|
|
296
|
+
},
|
|
297
|
+
id: String
|
|
298
|
+
};
|
|
299
|
+
//#endregion
|
|
300
|
+
//#region \0plugin-vue:export-helper
|
|
301
|
+
var _ = (e, t) => {
|
|
302
|
+
let n = e.__vccOpts || e;
|
|
303
|
+
for (let [e, r] of t) n[e] = r;
|
|
304
|
+
return n;
|
|
305
|
+
}, v = {}, y = {
|
|
306
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
307
|
+
fill: "none",
|
|
308
|
+
viewBox: "0 0 24 24",
|
|
309
|
+
"stroke-width": "1.5",
|
|
310
|
+
stroke: "currentColor"
|
|
311
|
+
};
|
|
312
|
+
function b(e, r) {
|
|
313
|
+
return i(), t("svg", y, [...r[0] ||= [n("path", {
|
|
314
|
+
"stroke-linecap": "round",
|
|
315
|
+
"stroke-linejoin": "round",
|
|
316
|
+
d: "M6 18 18 6M6 6l12 12"
|
|
317
|
+
}, null, -1)]]);
|
|
318
|
+
}
|
|
319
|
+
var x = /* @__PURE__ */ _(v, [["render", b]]), S = (t, n) => {
|
|
320
|
+
let i = () => {
|
|
321
|
+
n.emit("update:visible", !1), n.emit("close");
|
|
322
|
+
};
|
|
323
|
+
return r(e, {
|
|
324
|
+
enterFromClass: "opacity-0",
|
|
325
|
+
enterActiveClass: "transition transition-all duration-150",
|
|
326
|
+
enterToClass: "opacity-100",
|
|
327
|
+
leaveFromClass: "opacity-100",
|
|
328
|
+
leaveActiveClass: "transition transition-all duration-150",
|
|
329
|
+
leaveToClass: "opacity-0"
|
|
330
|
+
}, () => t.visible ? r("div", {
|
|
331
|
+
role: "dialog",
|
|
332
|
+
class: "fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center",
|
|
333
|
+
onClick: i
|
|
334
|
+
}, r("div", {
|
|
335
|
+
"data-test": "dialog-content",
|
|
336
|
+
class: "bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow",
|
|
337
|
+
onClick: (e) => {
|
|
338
|
+
e.stopPropagation();
|
|
339
|
+
}
|
|
340
|
+
}, [
|
|
341
|
+
t.title ? r("header", { class: "p-4 border-b border-gray-300 flex items-center justify-between" }, [r("h2", { class: "font-bold text-lg" }, t.title), r("button", {
|
|
342
|
+
"aria-label": "Close Modal",
|
|
343
|
+
class: "cursor-pointer",
|
|
344
|
+
onClick: i
|
|
345
|
+
}, r(x, { class: "size-5" }))]) : null,
|
|
346
|
+
r("div", {
|
|
347
|
+
"data-test": "dialog-body",
|
|
348
|
+
class: "p-4"
|
|
349
|
+
}, n.slots.default?.()),
|
|
350
|
+
n.slots.footer ? r("footer", { class: "p-4 border-t border-gray-300" }, n.slots.footer()) : null
|
|
351
|
+
])) : void 0);
|
|
352
|
+
};
|
|
353
|
+
S.props = {
|
|
354
|
+
title: String,
|
|
355
|
+
visible: Boolean
|
|
356
|
+
}, S.emits = ["update:visible", "close"];
|
|
357
|
+
//#endregion
|
|
358
|
+
//#region src/components/table/table.ts
|
|
359
|
+
var C = (e) => r("div", { class: "overflow-x-auto" }, r("table", { class: "w-full border border-gray-300 dark:border-gray-700" }, [r("thead", r("tr", e.columns?.map((e) => r("th", { class: "text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700" }, e.name)))), r("tbody", e.data?.length ? e.data?.map((t) => r("tr", e.columns?.map((e) => r("td", { class: "text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700" }, e.render ? r(e.render, { item: t }) : t[e.id])))) : r("tr", r("td", {
|
|
360
|
+
colspan: 2,
|
|
361
|
+
class: "text-gray-900 px-4 py-3 dark:text-white"
|
|
362
|
+
}, "Empty data")))]));
|
|
363
|
+
C.props = {
|
|
364
|
+
columns: {
|
|
365
|
+
type: Array,
|
|
366
|
+
default: () => []
|
|
367
|
+
},
|
|
368
|
+
data: {
|
|
369
|
+
type: Array,
|
|
370
|
+
default: () => []
|
|
371
|
+
}
|
|
372
|
+
};
|
|
373
|
+
//#endregion
|
|
374
|
+
//#region src/components/widget/widget.ts
|
|
375
|
+
var w = (e) => r("div", { class: "bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700" }, [r("p", {
|
|
376
|
+
"data-test": "widget-label",
|
|
377
|
+
class: "text-gray-700 dark:text-gray-400"
|
|
378
|
+
}, e.label), r("p", {
|
|
379
|
+
"data-test": "widget-value",
|
|
380
|
+
class: "text-gray-900 text-xl font-bold dark:text-white"
|
|
381
|
+
}, e.value)]);
|
|
382
|
+
w.props = {
|
|
383
|
+
label: {
|
|
384
|
+
type: String,
|
|
385
|
+
required: !0
|
|
386
|
+
},
|
|
387
|
+
value: {
|
|
388
|
+
type: [String, Number],
|
|
389
|
+
required: !0
|
|
390
|
+
}
|
|
391
|
+
};
|
|
392
|
+
//#endregion
|
|
393
|
+
export { s as Button, d as Checkbox, g as FormItem, l as Input, S as Modal, p as Radio, h as Select, C as Table, w as Widget };
|
package/dist/gurun-kit.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};var i={base:`border focus:outline-0`,file:`pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white`,colors:{primary:{base:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,file:`file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400`},success:{base:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300`,file:`file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400`},error:{base:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300`,file:`file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400`},warning:{base:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,file:`file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400`},light:{base:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300`,file:`file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400`}},sizes:{sm:{base:`h-8 px-2.5 rounded text-sm`,file:`file:text-sm file:px-2.5 file:mr-2.5`},md:{base:`h-10 px-3 rounded-md`,file:`file:px-3 file:mr-3`},lg:{base:`h-12 px-4 rounded-md text-lg`,file:`file:text-lg file:px-4 file:mr-4`}}},a=(e,n)=>{let{class:r,type:a,...o}=n.attrs;return(0,t.h)(`input`,{type:a,class:[r,i.base,...a===`file`?[i.file,i.colors[e.color??`light`].file,i.sizes[e.size??`md`].file]:[],i.colors[e.color??`light`].base,i.sizes[e.size??`md`].base],...o,value:e.modelValue,onInput:e=>n.emit(`update:modelValue`,e.target.value)})};a.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String};var o={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},s=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:o.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[o.base,o.colors[e.color??`light`],o.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:o.label,for:r},e.label):null])};s.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},s.emits=[`update:modelValue`];var c={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},l.emits=[`update:modelValue`];var u={base:`appearance-none border focus:outline-0`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},d=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[u.wrapper,u.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],...a,value:e.modelValue,onChange:e=>n.emit(`update:modelValue`,e.target.value)},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`?e.id:e},typeof e==`object`?e.name:e))))};d.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}},e.Button=r,e.Checkbox=s,e.Input=a,e.Radio=l,e.Select=d});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};var i={base:`border focus:outline-1`,file:`pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white`,colors:{primary:{base:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,file:`file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400`},success:{base:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,file:`file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400`},error:{base:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,file:`file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400`},warning:{base:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,file:`file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400`},light:{base:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`,file:`file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400`}},sizes:{sm:{base:`px-2.5 rounded text-sm`,input:`h-8`,textarea:`min-h-8 py-2`,file:`file:text-sm file:px-2.5 file:mr-2.5`},md:{base:`px-3 rounded-md`,input:`h-10`,textarea:`min-h-10 py-2`,file:`file:px-3 file:mr-3`},lg:{base:`px-4 rounded-md text-lg`,input:`h-12`,textarea:`min-h-12 py-3`,file:`file:text-lg file:px-4 file:mr-4`}}},a=(e,n)=>{let{class:r,type:a,...o}=n.attrs;return(0,t.h)(e.tag===`textarea`?`textarea`:`input`,{type:a,class:[r,i.base,...a===`file`?[i.file,i.colors[e.color??`light`].file,i.sizes[e.size??`md`].file]:[],i.colors[e.color??`light`].base,i.sizes[e.size??`md`].base,i.sizes[e.size??`md`][e.tag===`textarea`?`textarea`:`input`]],...o,value:e.modelValue,onInput:e=>n.emit(`update:modelValue`,e.target.value)})};a.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String,tag:{type:String,default:`input`}};var o={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},s=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:o.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[o.base,o.colors[e.color??`light`],o.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:o.label,for:r},e.label):null])};s.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},s.emits=[`update:modelValue`];var c={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},l.emits=[`update:modelValue`];var u={base:`appearance-none border focus:outline-1`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},d=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[u.wrapper,u.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],...a,value:e.modelValue,onChange:e=>n.emit(`update:modelValue`,e.target.value)},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`?e.id:e},typeof e==`object`?e.name:e))))};d.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}};var f=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,[(0,t.h)(`label`,{class:`block mb-1`,for:r},e.label),n.slots.default?n.slots.default({id:r}):null])};f.props={label:{type:String,required:!0},id:String};var p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m={},h={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function g(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,h,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M6 18 18 6M6 6l12 12`},null,-1)]])}var _=p(m,[[`render`,g]]),v=(e,n)=>{let r=()=>{n.emit(`update:visible`,!1),n.emit(`close`)};return(0,t.h)(t.Transition,{enterFromClass:`opacity-0`,enterActiveClass:`transition transition-all duration-150`,enterToClass:`opacity-100`,leaveFromClass:`opacity-100`,leaveActiveClass:`transition transition-all duration-150`,leaveToClass:`opacity-0`},()=>e.visible?(0,t.h)(`div`,{role:`dialog`,class:`fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center`,onClick:r},(0,t.h)(`div`,{"data-test":`dialog-content`,class:`bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow`,onClick:e=>{e.stopPropagation()}},[e.title?(0,t.h)(`header`,{class:`p-4 border-b border-gray-300 flex items-center justify-between`},[(0,t.h)(`h2`,{class:`font-bold text-lg`},e.title),(0,t.h)(`button`,{"aria-label":`Close Modal`,class:`cursor-pointer`,onClick:r},(0,t.h)(_,{class:`size-5`}))]):null,(0,t.h)(`div`,{"data-test":`dialog-body`,class:`p-4`},n.slots.default?.()),n.slots.footer?(0,t.h)(`footer`,{class:`p-4 border-t border-gray-300`},n.slots.footer()):null])):void 0)};v.props={title:String,visible:Boolean},v.emits=[`update:visible`,`close`];var y=e=>(0,t.h)(`div`,{class:`overflow-x-auto`},(0,t.h)(`table`,{class:`w-full border border-gray-300 dark:border-gray-700`},[(0,t.h)(`thead`,(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`th`,{class:`text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700`},e.name)))),(0,t.h)(`tbody`,e.data?.length?e.data?.map(n=>(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`td`,{class:`text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700`},e.render?(0,t.h)(e.render,{item:n}):n[e.id])))):(0,t.h)(`tr`,(0,t.h)(`td`,{colspan:2,class:`text-gray-900 px-4 py-3 dark:text-white`},`Empty data`)))]));y.props={columns:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}};var b=e=>(0,t.h)(`div`,{class:`bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700`},[(0,t.h)(`p`,{"data-test":`widget-label`,class:`text-gray-700 dark:text-gray-400`},e.label),(0,t.h)(`p`,{"data-test":`widget-value`,class:`text-gray-900 text-xl font-bold dark:text-white`},e.value)]);b.props={label:{type:String,required:!0},value:{type:[String,Number],required:!0}},e.Button=r,e.Checkbox=s,e.FormItem=f,e.Input=a,e.Modal=v,e.Radio=l,e.Select=d,e.Table=y,e.Widget=b});
|