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