vlite3 0.8.6 → 0.8.8

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 (40) hide show
  1. package/components/Badge.vue.js +4 -4
  2. package/components/Button.vue.js +21 -21
  3. package/components/Chip/Chip.vue.d.ts +2 -2
  4. package/components/CommandPalette/CommandPaletteContent.vue2.js +1 -1
  5. package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js} +1 -1
  6. package/components/DataTable/DataTable.vue.d.ts +2 -2
  7. package/components/DataTable/DataTable.vue.js +34 -11
  8. package/components/Empty/Empty.vue.js +51 -40
  9. package/components/Empty/variants/Variant1.vue.js +31 -2
  10. package/components/Empty/variants/Variant1.vue2.js +2 -31
  11. package/components/Empty/variants/Variant10.vue.js +35 -2
  12. package/components/Empty/variants/Variant10.vue2.js +2 -35
  13. package/components/Empty/variants/Variant11.vue.js +27 -2
  14. package/components/Empty/variants/Variant11.vue2.js +2 -27
  15. package/components/Empty/variants/Variant2.vue.js +31 -2
  16. package/components/Empty/variants/Variant2.vue2.js +2 -31
  17. package/components/Empty/variants/Variant3.vue.js +20 -2
  18. package/components/Empty/variants/Variant3.vue2.js +2 -20
  19. package/components/Empty/variants/Variant4.vue.js +31 -2
  20. package/components/Empty/variants/Variant4.vue2.js +2 -31
  21. package/components/Empty/variants/Variant5.vue.js +28 -2
  22. package/components/Empty/variants/Variant5.vue2.js +2 -28
  23. package/components/Empty/variants/Variant6.vue.js +31 -2
  24. package/components/Empty/variants/Variant6.vue2.js +2 -31
  25. package/components/Empty/variants/Variant7.vue.js +33 -2
  26. package/components/Empty/variants/Variant7.vue2.js +2 -33
  27. package/components/Empty/variants/Variant8.vue.js +31 -2
  28. package/components/Empty/variants/Variant8.vue2.js +2 -31
  29. package/components/Empty/variants/Variant9.vue.js +31 -2
  30. package/components/Empty/variants/Variant9.vue2.js +2 -31
  31. package/components/FilePicker/FilePicker.vue.js +12 -12
  32. package/components/Form/Form.vue.js +2 -2
  33. package/components/Form/Form.vue2.js +2 -2
  34. package/components/Form/FormFields.vue.js +2 -2
  35. package/components/Form/FormFields.vue2.js +6 -6
  36. package/components/NavbarCommandPalette.vue.js +1 -1
  37. package/components/Screen/Screen.vue.js +197 -218
  38. package/components/Workbook/Workbook.vue.d.ts +2 -2
  39. package/package.json +1 -1
  40. package/style.css +1 -1
@@ -1,14 +1,14 @@
1
- import { defineComponent as b, computed as d, openBlock as a, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
1
+ import { defineComponent as b, computed as a, openBlock as d, createElementBlock as u, normalizeClass as i, renderSlot as c } from "vue";
2
2
  const p = /* @__PURE__ */ b({
3
3
  __name: "Badge",
4
4
  props: {
5
5
  variant: { default: "default" },
6
- size: { default: "md" },
6
+ size: { default: "sm" },
7
7
  rounded: { default: "full" },
8
8
  class: { default: "" }
9
9
  },
10
10
  setup(o) {
11
- const e = o, s = d(() => {
11
+ const e = o, s = a(() => {
12
12
  const r = {
13
13
  xs: "px-1.5 h-5 text-[10.5px] leading-none",
14
14
  sm: "px-2 h-6 text-xs font-medium",
@@ -33,7 +33,7 @@ const p = /* @__PURE__ */ b({
33
33
  };
34
34
  return [l, t[e.variant] || t.default, e.class].join(" ");
35
35
  });
36
- return (r, n) => (a(), u("div", {
36
+ return (r, n) => (d(), u("div", {
37
37
  class: i(s.value)
38
38
  }, [
39
39
  c(r.$slots, "default")
@@ -1,4 +1,4 @@
1
- import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as i, createBlock as d, createCommentVNode as m, renderSlot as f, createTextVNode as b, toDisplayString as x, unref as $ } from "vue";
1
+ import { defineComponent as B, computed as o, useSlots as R, inject as S, withDirectives as G, openBlock as s, createElementBlock as h, normalizeClass as r, createBlock as u, createCommentVNode as m, renderSlot as b, createTextVNode as f, toDisplayString as x, unref as $ } from "vue";
2
2
  import g from "./Icon.vue.js";
3
3
  import { vRipple as j } from "../directives/vRipple.js";
4
4
  import { $t as V } from "../utils/i18n.js";
@@ -25,7 +25,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
25
25
  const t = e, a = o(() => t.textI18n ? V(t.textI18n) : t.text), v = R(), l = o(
26
26
  () => t?.asIcon || t.icon && !a.value && !v.default
27
27
  ), p = S("buttonGroup", null), w = o(() => !!p?.isInGroup), y = o(() => {
28
- const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", r = {
28
+ const n = "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background focus-visible:outline-none focus:border focus:border-primary disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer gap-2", i = {
29
29
  primary: "bg-primary text-primary-foreground hover:bg-primary/90",
30
30
  "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/20",
31
31
  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -77,12 +77,12 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
77
77
  "2xl": "rounded-2xl",
78
78
  full: "rounded-full"
79
79
  };
80
- let u;
81
- return l.value ? u = w.value ? k[t.size] : C[t.size] : u = z[t.size], [
80
+ let d;
81
+ return l.value ? d = w.value ? k[t.size] : C[t.size] : d = z[t.size], [
82
82
  n,
83
- r[t.variant],
83
+ i[t.variant],
84
84
  I[t.rounded],
85
- u,
85
+ d,
86
86
  t.class
87
87
  ].join(" ");
88
88
  }), c = o(() => {
@@ -93,7 +93,7 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
93
93
  md: "w-4 h-4",
94
94
  lg: "w-4 h-4",
95
95
  xl: "w-4 h-4"
96
- }, r = {
96
+ }, i = {
97
97
  xs: "w-3 h-3",
98
98
  sm: "w-4 h-4",
99
99
  sm2: "w-4 h-4",
@@ -101,36 +101,36 @@ const D = ["type", "disabled"], q = /* @__PURE__ */ B({
101
101
  lg: "w-4 h-4",
102
102
  xl: "w-4 h-4"
103
103
  };
104
- return l.value ? r[t.size] : n[t.size];
104
+ return l.value ? i[t.size] : n[t.size];
105
105
  });
106
- return (n, r) => G((s(), h("button", {
106
+ return (n, i) => G((s(), h("button", {
107
107
  type: e.type,
108
- class: i([y.value, "cursor-pointer"]),
108
+ class: r([y.value, "cursor-pointer"]),
109
109
  disabled: e.disabled || e.loading
110
110
  }, [
111
- e.loading ? (s(), d(g, {
111
+ e.loading ? (s(), u(g, {
112
112
  key: 0,
113
113
  icon: "lucide:loader-2",
114
- class: i(["animate-spin pointer-events-none", c.value])
115
- }, null, 8, ["class"])) : e.icon ? (s(), d(g, {
114
+ class: r(["animate-spin pointer-events-none", c.value])
115
+ }, null, 8, ["class"])) : e.icon ? (s(), u(g, {
116
116
  key: 1,
117
117
  icon: e.icon,
118
- class: i(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
118
+ class: r(["pointer-events-none", [e.iconClass, c.value, l.value ? "mx-auto" : ""]])
119
119
  }, null, 8, ["icon", "class"])) : m("", !0),
120
120
  e.textClass ? (s(), h("span", {
121
121
  key: 2,
122
- class: i(e.textClass)
122
+ class: r(e.textClass)
123
123
  }, [
124
- f(n.$slots, "default", {}, () => [
125
- b(x(a.value), 1)
124
+ b(n.$slots, "default", {}, () => [
125
+ f(x(a.value), 1)
126
126
  ])
127
- ], 2)) : f(n.$slots, "default", { key: 3 }, () => [
128
- b(x(a.value), 1)
127
+ ], 2)) : b(n.$slots, "default", { key: 3 }, () => [
128
+ f(x(a.value), 1)
129
129
  ]),
130
- e.iconRight && !e.loading ? (s(), d(g, {
130
+ e.iconRight && !e.loading ? (s(), u(g, {
131
131
  key: 4,
132
132
  icon: e.iconRight,
133
- class: i([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
133
+ class: r([[e.iconRightClass, c.value], "h-4 w-4 pointer-events-none"])
134
134
  }, null, 8, ["icon", "class"])) : m("", !0)
135
135
  ], 10, D)), [
136
136
  [$(j)]
@@ -13,11 +13,11 @@ declare function __VLS_template(): {
13
13
  };
14
14
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
15
15
  declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
16
- delete: (event: MouseEvent) => any;
17
16
  click: (event: MouseEvent) => any;
17
+ delete: (event: MouseEvent) => any;
18
18
  }, string, import('vue').PublicProps, Readonly<ExtendedProps> & Readonly<{
19
- onDelete?: (event: MouseEvent) => any;
20
19
  onClick?: (event: MouseEvent) => any;
20
+ onDelete?: (event: MouseEvent) => any;
21
21
  }>, {
22
22
  text: string;
23
23
  variant: ChipVariant | string;
@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
4
4
  import { $t as E } from "../../utils/i18n.js";
5
5
  import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
6
6
  import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
7
- import ee from "./CommandPaletteItem.vue2.js";
7
+ import ee from "./CommandPaletteItem.vue.js";
8
8
  const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/60 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
9
9
  key: 0,
10
10
  class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",
@@ -1,5 +1,5 @@
1
1
  import t from "./CommandPaletteItem.vue3.js";
2
- /* empty css */
2
+ /* empty css */
3
3
  import o from "../../_virtual/_plugin-vue_export-helper.js";
4
4
  const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
5
5
  export {
@@ -18,15 +18,15 @@ declare function __VLS_template(): {
18
18
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
19
  declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
20
20
  select: (state: SelectionState) => any;
21
- delete: (rows: any[]) => any;
22
21
  change: (state: TableState) => any;
22
+ delete: (rows: any[]) => any;
23
23
  "update:itemsPerPage": (value: number) => any;
24
24
  rowClick: (payload: RowClickPayload) => any;
25
25
  "update:selectedRows": (value: any[]) => any;
26
26
  }, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
27
27
  onSelect?: (state: SelectionState) => any;
28
- onDelete?: (rows: any[]) => any;
29
28
  onChange?: (state: TableState) => any;
29
+ onDelete?: (rows: any[]) => any;
30
30
  "onUpdate:itemsPerPage"?: (value: number) => any;
31
31
  onRowClick?: (payload: RowClickPayload) => any;
32
32
  "onUpdate:selectedRows"?: (value: any[]) => any;
@@ -24,7 +24,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
24
24
  rows: { default: () => [] },
25
25
  selectedRows: { default: () => [] },
26
26
  search: { default: "" },
27
- showSearch: { type: Boolean, default: !0 },
27
+ showSearch: { type: Boolean, default: !1 },
28
28
  searchPlaceholder: {},
29
29
  searchPlaceholderI18n: {},
30
30
  toolbarClass: {},
@@ -83,13 +83,22 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
83
83
  V && clearTimeout(V), V = setTimeout(() => {
84
84
  h.value = 1, R();
85
85
  }, 300);
86
- }), g(() => a.pageInfo?.itemsPerPage, (e) => {
87
- e !== void 0 && (P.value = e);
88
- }), g(() => a.paginationProps?.itemsPerPage, (e) => {
89
- e !== void 0 && (P.value = e);
90
- }), g(() => a.pageInfo?.currentPage, (e) => {
91
- e && (h.value = e);
92
- });
86
+ }), g(
87
+ () => a.pageInfo?.itemsPerPage,
88
+ (e) => {
89
+ e !== void 0 && (P.value = e);
90
+ }
91
+ ), g(
92
+ () => a.paginationProps?.itemsPerPage,
93
+ (e) => {
94
+ e !== void 0 && (P.value = e);
95
+ }
96
+ ), g(
97
+ () => a.pageInfo?.currentPage,
98
+ (e) => {
99
+ e && (h.value = e);
100
+ }
101
+ );
93
102
  const s = y(/* @__PURE__ */ new Set());
94
103
  g(
95
104
  () => a.selectedRows,
@@ -118,7 +127,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
118
127
  }), (a.selectedRows || []).forEach((l) => {
119
128
  const n = c(l, d.value);
120
129
  !e.has(n) && s.value.has(n) && (t.push(l), e.add(n));
121
- }), b("select", { selected: t, all: M.value, indeterminate: O.value }), b("update:selectedRows", t);
130
+ }), b("select", {
131
+ selected: t,
132
+ all: M.value,
133
+ indeterminate: O.value
134
+ }), b("update:selectedRows", t);
122
135
  }, le = (e) => {
123
136
  const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
124
137
  u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, R();
@@ -154,7 +167,11 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
154
167
  "overflow-hidden",
155
168
  a.bordered ? "border border-border" : "",
156
169
  a.class
157
- ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(() => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle), ue = r(() => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription), me = r(() => {
170
+ ].join(" ")), ie = r(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), de = (e) => e.width || "auto", ce = r(
171
+ () => a.emptyTitleI18n ? w(a.emptyTitleI18n) : a.emptyTitle
172
+ ), ue = r(
173
+ () => a.emptyDescriptionI18n ? w(a.emptyDescriptionI18n) : a.emptyDescription
174
+ ), me = r(() => {
158
175
  const e = w("vlite.dataTable.confirmDeleteTitle");
159
176
  return e !== "vlite.dataTable.confirmDeleteTitle" ? e : "Confirm Deletion";
160
177
  }), fe = r(() => {
@@ -267,7 +284,13 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
267
284
  ]));
268
285
  return S.memo = C, S;
269
286
  }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(A, { key: 1 }, B(o.rows, (l, n, ge, v) => {
270
- const C = [l, s.value.has(c(l, d.value)), o.compact, o.striped, o.hoverable];
287
+ const C = [
288
+ l,
289
+ s.value.has(c(l, d.value)),
290
+ o.compact,
291
+ o.striped,
292
+ o.hoverable
293
+ ];
271
294
  if (v && v.key === c(l, d.value) && W(v, C)) return v;
272
295
  const S = (i(), F(Te, {
273
296
  key: c(l, d.value),
@@ -1,7 +1,18 @@
1
- import { defineComponent as y, computed as r, markRaw as t, defineAsyncComponent as i, openBlock as c, createElementBlock as h, createBlock as C, resolveDynamicComponent as I, createSlots as _, renderList as g, withCtx as k, renderSlot as w, normalizeProps as x, guardReactiveProps as B } from "vue";
2
- import { $t as o } from "../../utils/i18n.js";
3
- import { useVLiteConfig as S } from "../../core/config.js";
4
- const V = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, R = /* @__PURE__ */ y({
1
+ import { defineComponent as d, computed as n, markRaw as t, openBlock as m, createElementBlock as u, createBlock as $, resolveDynamicComponent as y, createSlots as h, renderList as I, withCtx as g, renderSlot as C, normalizeProps as k, guardReactiveProps as w } from "vue";
2
+ import { $t as e } from "../../utils/i18n.js";
3
+ import { useVLiteConfig as x } from "../../core/config.js";
4
+ import B from "./variants/Variant1.vue.js";
5
+ import S from "./variants/Variant2.vue.js";
6
+ import V from "./variants/Variant3.vue.js";
7
+ import b from "./variants/Variant4.vue.js";
8
+ import D from "./variants/Variant5.vue.js";
9
+ import E from "./variants/Variant6.vue.js";
10
+ import L from "./variants/Variant7.vue.js";
11
+ import P from "./variants/Variant8.vue.js";
12
+ import R from "./variants/Variant9.vue.js";
13
+ import T from "./variants/Variant10.vue.js";
14
+ import j from "./variants/Variant11.vue.js";
15
+ const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, tt = /* @__PURE__ */ d({
5
16
  __name: "Empty",
6
17
  props: {
7
18
  title: {},
@@ -11,42 +22,42 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
11
22
  icon: { default: "lucide:inbox" },
12
23
  variant: {}
13
24
  },
14
- setup(a) {
15
- const e = a, l = S(), m = r(() => e.variant || l?.components?.empty?.variant || "variant1"), v = r(() => {
16
- if (e.titleI18n) return o(e.titleI18n);
17
- if (e.title) return e.title;
18
- const n = o("vlite.empty.title");
19
- return n !== "vlite.empty.title" ? n : "No data found";
20
- }), d = r(() => {
21
- if (e.descriptionI18n) return o(e.descriptionI18n);
22
- if (e.description) return e.description;
23
- const n = o("vlite.empty.description");
24
- return n !== "vlite.empty.description" ? n : "There is nothing to display here right now.";
25
- }), s = {
26
- variant1: t(i(() => import("./variants/Variant1.vue.js"))),
27
- variant2: t(i(() => import("./variants/Variant2.vue.js"))),
28
- variant3: t(i(() => import("./variants/Variant3.vue.js"))),
29
- variant4: t(i(() => import("./variants/Variant4.vue.js"))),
30
- variant5: t(i(() => import("./variants/Variant5.vue.js"))),
31
- variant6: t(i(() => import("./variants/Variant6.vue.js"))),
32
- variant7: t(i(() => import("./variants/Variant7.vue.js"))),
33
- variant8: t(i(() => import("./variants/Variant8.vue.js"))),
34
- variant9: t(i(() => import("./variants/Variant9.vue.js"))),
35
- variant10: t(i(() => import("./variants/Variant10.vue.js"))),
36
- variant11: t(i(() => import("./variants/Variant11.vue.js")))
37
- }, u = r(
38
- () => s[m.value] || s.variant1
25
+ setup(o) {
26
+ const i = o, c = x(), p = n(() => i.variant || c?.components?.empty?.variant || "variant1"), f = n(() => {
27
+ if (i.titleI18n) return e(i.titleI18n);
28
+ if (i.title) return i.title;
29
+ const r = e("vlite.empty.title");
30
+ return r !== "vlite.empty.title" ? r : "No data found";
31
+ }), l = n(() => {
32
+ if (i.descriptionI18n) return e(i.descriptionI18n);
33
+ if (i.description) return i.description;
34
+ const r = e("vlite.empty.description");
35
+ return r !== "vlite.empty.description" ? r : "There is nothing to display here right now.";
36
+ }), a = {
37
+ variant1: t(B),
38
+ variant2: t(S),
39
+ variant3: t(V),
40
+ variant4: t(b),
41
+ variant5: t(D),
42
+ variant6: t(E),
43
+ variant7: t(L),
44
+ variant8: t(P),
45
+ variant9: t(R),
46
+ variant10: t(T),
47
+ variant11: t(j)
48
+ }, v = n(
49
+ () => a[p.value] || a.variant1
39
50
  );
40
- return (n, $) => (c(), h("div", V, [
41
- (c(), C(I(u.value), {
42
- title: v.value,
43
- description: d.value,
44
- icon: a.icon
45
- }, _({ _: 2 }, [
46
- g(n.$slots, (D, p) => ({
47
- name: p,
48
- fn: k((f) => [
49
- w(n.$slots, p, x(B(f || {})))
51
+ return (r, N) => (m(), u("div", z, [
52
+ (m(), $(y(v.value), {
53
+ title: f.value,
54
+ description: l.value,
55
+ icon: o.icon
56
+ }, h({ _: 2 }, [
57
+ I(r.$slots, (q, s) => ({
58
+ name: s,
59
+ fn: g((_) => [
60
+ C(r.$slots, s, k(w(_ || {})))
50
61
  ])
51
62
  }))
52
63
  ]), 1032, ["title", "description", "icon"]))
@@ -54,5 +65,5 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-2"
54
65
  }
55
66
  });
56
67
  export {
57
- R as default
68
+ tt as default
58
69
  };
@@ -1,4 +1,33 @@
1
- import f from "./Variant1.vue2.js";
1
+ import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
2
+ import a from "../../Icon.vue.js";
3
+ const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
4
+ key: 0,
5
+ class: "mt-6"
6
+ }, k = /* @__PURE__ */ i({
7
+ __name: "Variant1",
8
+ props: {
9
+ title: {},
10
+ description: {},
11
+ icon: {}
12
+ },
13
+ setup(t) {
14
+ return (e, p) => (o(), n("div", d, [
15
+ c(a, {
16
+ icon: t.icon,
17
+ class: "mb-3 h-12 w-12 text-muted",
18
+ "stroke-width": "1.2"
19
+ }, null, 8, ["icon"]),
20
+ s("h3", u, r(t.title), 1),
21
+ s("p", {
22
+ class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
23
+ innerHTML: t.description
24
+ }, null, 8, f),
25
+ e.$slots.action ? (o(), n("div", x, [
26
+ l(e.$slots, "action")
27
+ ])) : m("", !0)
28
+ ]));
29
+ }
30
+ });
2
31
  export {
3
- f as default
32
+ k as default
4
33
  };
@@ -1,33 +1,4 @@
1
- import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
2
- import a from "../../Icon.vue.js";
3
- const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
4
- key: 0,
5
- class: "mt-6"
6
- }, k = /* @__PURE__ */ i({
7
- __name: "Variant1",
8
- props: {
9
- title: {},
10
- description: {},
11
- icon: {}
12
- },
13
- setup(t) {
14
- return (e, p) => (o(), n("div", d, [
15
- c(a, {
16
- icon: t.icon,
17
- class: "mb-3 h-12 w-12 text-muted",
18
- "stroke-width": "1.2"
19
- }, null, 8, ["icon"]),
20
- s("h3", u, r(t.title), 1),
21
- s("p", {
22
- class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
23
- innerHTML: t.description
24
- }, null, 8, f),
25
- e.$slots.action ? (o(), n("div", x, [
26
- l(e.$slots, "action")
27
- ])) : m("", !0)
28
- ]));
29
- }
30
- });
1
+ import f from "./Variant1.vue.js";
31
2
  export {
32
- k as default
3
+ f as default
33
4
  };
@@ -1,4 +1,37 @@
1
- import f from "./Variant10.vue2.js";
1
+ import { defineComponent as i, openBlock as s, createElementBlock as n, createElementVNode as t, createVNode as l, toDisplayString as c, renderSlot as r, createCommentVNode as a } from "vue";
2
+ import d from "../../Icon.vue.js";
3
+ const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
4
+ key: 0,
5
+ class: "mt-8 flex justify-start"
6
+ }, y = /* @__PURE__ */ i({
7
+ __name: "Variant10",
8
+ props: {
9
+ title: {},
10
+ description: {},
11
+ icon: {}
12
+ },
13
+ setup(e) {
14
+ return (o, p) => (s(), n("div", m, [
15
+ t("div", f, [
16
+ t("div", u, [
17
+ l(d, {
18
+ icon: e.icon,
19
+ class: "h-12 w-12 text-foreground opacity-80",
20
+ "stroke-width": "1.2"
21
+ }, null, 8, ["icon"])
22
+ ]),
23
+ t("h3", x, c(e.title), 1),
24
+ t("p", {
25
+ class: "mt-2 text-sm leading-relaxed text-muted",
26
+ innerHTML: e.description
27
+ }, null, 8, _),
28
+ o.$slots.action ? (s(), n("div", h, [
29
+ r(o.$slots, "action")
30
+ ])) : a("", !0)
31
+ ])
32
+ ]));
33
+ }
34
+ });
2
35
  export {
3
- f as default
36
+ y as default
4
37
  };
@@ -1,37 +1,4 @@
1
- import { defineComponent as i, openBlock as s, createElementBlock as n, createElementVNode as t, createVNode as l, toDisplayString as c, renderSlot as r, createCommentVNode as a } from "vue";
2
- import d from "../../Icon.vue.js";
3
- const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
4
- key: 0,
5
- class: "mt-8 flex justify-start"
6
- }, y = /* @__PURE__ */ i({
7
- __name: "Variant10",
8
- props: {
9
- title: {},
10
- description: {},
11
- icon: {}
12
- },
13
- setup(e) {
14
- return (o, p) => (s(), n("div", m, [
15
- t("div", f, [
16
- t("div", u, [
17
- l(d, {
18
- icon: e.icon,
19
- class: "h-12 w-12 text-foreground opacity-80",
20
- "stroke-width": "1.2"
21
- }, null, 8, ["icon"])
22
- ]),
23
- t("h3", x, c(e.title), 1),
24
- t("p", {
25
- class: "mt-2 text-sm leading-relaxed text-muted",
26
- innerHTML: e.description
27
- }, null, 8, _),
28
- o.$slots.action ? (s(), n("div", h, [
29
- r(o.$slots, "action")
30
- ])) : a("", !0)
31
- ])
32
- ]));
33
- }
34
- });
1
+ import f from "./Variant10.vue.js";
35
2
  export {
36
- y as default
3
+ f as default
37
4
  };
@@ -1,4 +1,29 @@
1
- import f from "./Variant11.vue2.js";
1
+ import { defineComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, toDisplayString as n, renderSlot as a } from "vue";
2
+ const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
3
+ __name: "Variant11",
4
+ props: {
5
+ title: {},
6
+ description: {},
7
+ icon: {}
8
+ },
9
+ setup(e) {
10
+ return (i, l) => (o(), r("div", c, [
11
+ t("div", d, [
12
+ t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
13
+ t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
14
+ ]),
15
+ l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
16
+ t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
17
+ t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
18
+ ], -1)),
19
+ t("p", {
20
+ class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
21
+ innerHTML: e.description
22
+ }, null, 8, f),
23
+ a(i.$slots, "action")
24
+ ]));
25
+ }
26
+ });
2
27
  export {
3
- f as default
28
+ p as default
4
29
  };
@@ -1,29 +1,4 @@
1
- import { defineComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, toDisplayString as n, renderSlot as a } from "vue";
2
- const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
3
- __name: "Variant11",
4
- props: {
5
- title: {},
6
- description: {},
7
- icon: {}
8
- },
9
- setup(e) {
10
- return (i, l) => (o(), r("div", c, [
11
- t("div", d, [
12
- t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
13
- t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
14
- ]),
15
- l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
16
- t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
17
- t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
18
- ], -1)),
19
- t("p", {
20
- class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
21
- innerHTML: e.description
22
- }, null, 8, f),
23
- a(i.$slots, "action")
24
- ]));
25
- }
26
- });
1
+ import f from "./Variant11.vue.js";
27
2
  export {
28
- p as default
3
+ f as default
29
4
  };
@@ -1,4 +1,33 @@
1
- import f from "./Variant2.vue2.js";
1
+ import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
2
+ import a from "../../Icon.vue.js";
3
+ const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
4
+ key: 0,
5
+ class: "mt-5"
6
+ }, k = /* @__PURE__ */ i({
7
+ __name: "Variant2",
8
+ props: {
9
+ title: {},
10
+ description: {},
11
+ icon: {}
12
+ },
13
+ setup(t) {
14
+ return (e, p) => (o(), n("div", d, [
15
+ c(a, {
16
+ icon: t.icon,
17
+ class: "mb-3 h-10 w-10 text-muted",
18
+ "stroke-width": "1.2"
19
+ }, null, 8, ["icon"]),
20
+ s("h3", u, r(t.title), 1),
21
+ s("p", {
22
+ class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
23
+ innerHTML: t.description
24
+ }, null, 8, f),
25
+ e.$slots.action ? (o(), n("div", x, [
26
+ l(e.$slots, "action")
27
+ ])) : m("", !0)
28
+ ]));
29
+ }
30
+ });
2
31
  export {
3
- f as default
32
+ k as default
4
33
  };
@@ -1,33 +1,4 @@
1
- import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
2
- import a from "../../Icon.vue.js";
3
- const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
4
- key: 0,
5
- class: "mt-5"
6
- }, k = /* @__PURE__ */ i({
7
- __name: "Variant2",
8
- props: {
9
- title: {},
10
- description: {},
11
- icon: {}
12
- },
13
- setup(t) {
14
- return (e, p) => (o(), n("div", d, [
15
- c(a, {
16
- icon: t.icon,
17
- class: "mb-3 h-10 w-10 text-muted",
18
- "stroke-width": "1.2"
19
- }, null, 8, ["icon"]),
20
- s("h3", u, r(t.title), 1),
21
- s("p", {
22
- class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
23
- innerHTML: t.description
24
- }, null, 8, f),
25
- e.$slots.action ? (o(), n("div", x, [
26
- l(e.$slots, "action")
27
- ])) : m("", !0)
28
- ]));
29
- }
30
- });
1
+ import f from "./Variant2.vue.js";
31
2
  export {
32
- k as default
3
+ f as default
33
4
  };