@astrake/lumora-ui 0.2.1 → 0.7.2

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 (118) hide show
  1. package/CHANGELOG.md +230 -141
  2. package/README.md +23 -21
  3. package/dist/LuAccordion.vue_vue_type_script_setup_true_lang-CwG5Ml8t.js +5032 -0
  4. package/dist/{LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-CIksvebU.js → LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-D4rqklgo.js} +1 -1
  5. package/dist/LuOverlay.vue_vue_type_script_setup_true_lang-C5jhqCgy.js +221 -0
  6. package/dist/__mocks__/empty.d.ts +4 -0
  7. package/dist/components/LuAccordion.vue.d.ts +23 -0
  8. package/dist/components/LuBarChart.vue.d.ts +22 -0
  9. package/dist/components/LuBottomSheet.vue.d.ts +27 -0
  10. package/dist/components/LuCalendar.vue.d.ts +34 -0
  11. package/dist/components/LuCard.vue.d.ts +0 -3
  12. package/dist/components/LuCheckbox.vue.d.ts +19 -5
  13. package/dist/components/LuChip.vue.d.ts +35 -0
  14. package/dist/components/LuChipGroup.vue.d.ts +23 -0
  15. package/dist/components/LuCodeBlock.vue.d.ts +11 -14
  16. package/dist/components/LuCollapsible.vue.d.ts +7 -4
  17. package/dist/components/LuCommandPalette.vue.d.ts +25 -0
  18. package/dist/components/LuDataGrid.types.d.ts +39 -0
  19. package/dist/components/LuDataGrid.vue.d.ts +84 -0
  20. package/dist/components/LuDateRangePicker.vue.d.ts +29 -0
  21. package/dist/components/LuDoughnutChart.vue.d.ts +17 -0
  22. package/dist/components/LuDrawer.vue.d.ts +33 -0
  23. package/dist/components/LuFileUpload.vue.d.ts +38 -0
  24. package/dist/components/LuForm.vue.d.ts +2 -2
  25. package/dist/components/LuFormField.vue.d.ts +21 -0
  26. package/dist/components/LuFormWizard.types.d.ts +7 -0
  27. package/dist/components/LuFormWizard.vue.d.ts +33 -0
  28. package/dist/components/LuGaugeChart.vue.d.ts +16 -0
  29. package/dist/components/LuKanban.types.d.ts +24 -0
  30. package/dist/components/LuKanban.vue.d.ts +30 -0
  31. package/dist/components/LuLineChart.vue.d.ts +19 -0
  32. package/dist/components/LuList.vue.d.ts +18 -0
  33. package/dist/components/LuListDivider.vue.d.ts +5 -0
  34. package/dist/components/LuListItem.vue.d.ts +32 -0
  35. package/dist/components/LuListSubheader.vue.d.ts +16 -0
  36. package/dist/components/LuMediaGallery.vue.d.ts +25 -0
  37. package/dist/components/LuMenu.vue.d.ts +2 -2
  38. package/dist/components/LuModal.vue.d.ts +5 -5
  39. package/dist/components/LuPagination.vue.d.ts +2 -2
  40. package/dist/components/LuPlanner.types.d.ts +14 -0
  41. package/dist/components/LuPlanner.vue.d.ts +23 -0
  42. package/dist/components/LuPopover.vue.d.ts +24 -0
  43. package/dist/components/LuRadioGroup.types.d.ts +1 -0
  44. package/dist/components/LuRadioGroup.vue.d.ts +2 -2
  45. package/dist/components/LuRichTextEditor.vue.d.ts +27 -0
  46. package/dist/components/LuSelect.vue.d.ts +35 -2
  47. package/dist/components/{LuPageHeader.vue.d.ts → LuSparkline.vue.d.ts} +9 -5
  48. package/dist/components/LuSwitch.vue.d.ts +19 -5
  49. package/dist/components/LuTimeline.vue.d.ts +17 -0
  50. package/dist/components/LuTimelineItem.vue.d.ts +24 -0
  51. package/dist/components/LuToast.vue.d.ts +5 -0
  52. package/dist/components/LuTree.types.d.ts +9 -0
  53. package/dist/components/LuTree.vue.d.ts +25 -0
  54. package/dist/components/LuTreeNode.vue.d.ts +37 -0
  55. package/dist/components/__tests__/LuAccordion.test.d.ts +1 -0
  56. package/dist/components/__tests__/LuBarChart.test.d.ts +1 -0
  57. package/dist/components/__tests__/LuBottomSheet.test.d.ts +1 -0
  58. package/dist/components/__tests__/LuCalendar.test.d.ts +1 -0
  59. package/dist/components/__tests__/LuCheckbox.test.d.ts +1 -0
  60. package/dist/components/__tests__/LuChip.test.d.ts +1 -0
  61. package/dist/components/__tests__/LuCommandPalette.test.d.ts +1 -0
  62. package/dist/components/__tests__/LuDataGrid.test.d.ts +1 -0
  63. package/dist/components/__tests__/LuDateRangePicker.test.d.ts +1 -0
  64. package/dist/components/__tests__/LuDoughnutChart.test.d.ts +1 -0
  65. package/dist/components/__tests__/LuDrawer.test.d.ts +1 -0
  66. package/dist/components/__tests__/LuFileUpload.test.d.ts +1 -0
  67. package/dist/components/__tests__/LuFormWizard.test.d.ts +1 -0
  68. package/dist/components/__tests__/LuGaugeChart.test.d.ts +1 -0
  69. package/dist/components/__tests__/LuKanban.test.d.ts +1 -0
  70. package/dist/components/__tests__/LuLineChart.test.d.ts +1 -0
  71. package/dist/components/__tests__/LuList.test.d.ts +1 -0
  72. package/dist/components/__tests__/LuMediaGallery.test.d.ts +1 -0
  73. package/dist/components/__tests__/LuPlanner.test.d.ts +1 -0
  74. package/dist/components/__tests__/LuPopover.test.d.ts +1 -0
  75. package/dist/components/__tests__/LuRadio.test.d.ts +1 -0
  76. package/dist/components/__tests__/LuRichTextEditor.test.d.ts +1 -0
  77. package/dist/components/__tests__/LuSelect.test.d.ts +1 -0
  78. package/dist/components/__tests__/LuSparkline.test.d.ts +1 -0
  79. package/dist/components/__tests__/LuSwitch.test.d.ts +1 -0
  80. package/dist/components/__tests__/LuTimeline.test.d.ts +1 -0
  81. package/dist/components/__tests__/LuToast.test.d.ts +1 -0
  82. package/dist/components/__tests__/LuTree.test.d.ts +1 -0
  83. package/dist/components/_all.d.ts +3 -0
  84. package/dist/components/index.d.ts +42 -3
  85. package/dist/components/index.js +73 -44
  86. package/dist/composables/index.d.ts +3 -0
  87. package/dist/composables/index.js +34 -14
  88. package/dist/composables/lazyVChart.d.ts +10 -0
  89. package/dist/composables/useChartTheme.d.ts +65 -0
  90. package/dist/composables/useDataGrid.d.ts +52 -0
  91. package/dist/composables/useFloating.d.ts +12 -0
  92. package/dist/composables/useLuToast.d.ts +14 -0
  93. package/dist/composables/useShiki.d.ts +2 -0
  94. package/dist/context-CGS7Ou_x.js +36 -0
  95. package/dist/index.d.ts +5 -0
  96. package/dist/index.js +217 -81
  97. package/dist/layout/LuFill.vue.d.ts +0 -3
  98. package/dist/layout/LuFixed.vue.d.ts +0 -3
  99. package/dist/layout/LuGrid.vue.d.ts +0 -4
  100. package/dist/layout/LuStack.vue.d.ts +5 -3
  101. package/dist/layout/index.js +1 -1
  102. package/dist/shell/index.js +1 -1
  103. package/dist/skins/components.d.ts +2 -0
  104. package/dist/skins/index.js +1053 -219
  105. package/dist/skins/layout.d.ts +2 -0
  106. package/dist/skins/shell/desktop.d.ts +2 -0
  107. package/dist/skins/shell/embedded.d.ts +2 -0
  108. package/dist/skins/shell/mobile.d.ts +2 -0
  109. package/dist/useLuToast-D5d7Wrcr.js +1029 -0
  110. package/dist/utils.d.ts +0 -11
  111. package/package.json +95 -94
  112. package/src/lumora.css +259 -16
  113. package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js +0 -1623
  114. package/dist/LuOverlay.vue_vue_type_script_setup_true_lang-DZch4Vrw.js +0 -226
  115. package/dist/components/LuThemeSelect.vue.d.ts +0 -2
  116. package/dist/components/LuThemeSwitch.vue.d.ts +0 -2
  117. package/dist/context-0gENwESP.js +0 -62
  118. package/dist/useTheme-Cd4wVaLs.js +0 -21
@@ -1,226 +0,0 @@
1
- import { defineComponent as u, computed as c, openBlock as p, createBlock as $, resolveDynamicComponent as g, mergeProps as v, withCtx as k, renderSlot as f, h as S, Fragment as F, Comment as B, createElementBlock as m, provide as P, readonly as b, inject as w, ref as A, unref as x } from "vue";
2
- import { u as d, c as L, r as C } from "./context-0gENwESP.js";
3
- const R = /* @__PURE__ */ u({
4
- __name: "LuStack",
5
- props: {
6
- direction: {},
7
- variant: {},
8
- as: { default: "div" },
9
- gap: {},
10
- padding: {},
11
- align: {},
12
- justify: {}
13
- },
14
- setup(t) {
15
- const s = t, { resolveSkin: n } = d(), o = c(() => L(
16
- n("LuStack", s.direction ?? s.variant),
17
- C(s)
18
- ));
19
- return (e, r) => (p(), $(g(t.as), v(e.$attrs, { class: o.value }), {
20
- default: k(() => [
21
- f(e.$slots, "default")
22
- ]),
23
- _: 3
24
- }, 16, ["class"]));
25
- }
26
- }), V = /* @__PURE__ */ u({
27
- __name: "LuGrid",
28
- props: {
29
- cols: {},
30
- smCols: {},
31
- mdCols: {},
32
- lgCols: {},
33
- variant: {},
34
- as: { default: "div" },
35
- gap: {},
36
- padding: {},
37
- align: {},
38
- justify: {}
39
- },
40
- setup(t) {
41
- const s = t, n = c(() => {
42
- const l = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4", 5: "grid-cols-5", 6: "grid-cols-6", 12: "grid-cols-12" }, a = s.smCols && l[s.smCols] ? `sm:${l[s.smCols]}` : "", i = s.mdCols && l[s.mdCols] ? `md:${l[s.mdCols]}` : "", h = s.lgCols && l[s.lgCols] ? `lg:${l[s.lgCols]}` : "";
43
- return [a, i, h].filter(Boolean).join(" ");
44
- }), { resolveSkin: o } = d(), e = c(() => L(
45
- o("LuGrid", s.variant),
46
- C(s),
47
- n.value
48
- )), r = c(
49
- () => s.cols ? { gridTemplateColumns: `repeat(${s.cols}, minmax(0, 1fr))` } : {}
50
- );
51
- return (l, a) => (p(), $(g(t.as), v(l.$attrs, {
52
- class: e.value,
53
- style: r.value
54
- }), {
55
- default: k(() => [
56
- f(l.$slots, "default")
57
- ]),
58
- _: 3
59
- }, 16, ["class", "style"]));
60
- }
61
- }), E = u({
62
- name: "LuDock",
63
- props: {
64
- variant: String
65
- },
66
- setup(t, { slots: s, attrs: n }) {
67
- const { resolveSkin: o } = d(), e = c(() => o("LuDock", t.variant));
68
- function r(l) {
69
- let a = [];
70
- for (const i of l)
71
- Array.isArray(i) ? a.push(...r(i)) : i.type === F ? a.push(...r(i.children)) : i && i.type && i.type !== B && a.push(i);
72
- return a;
73
- }
74
- return () => {
75
- var h;
76
- const l = s.default ? s.default() : [], a = r(l);
77
- if (a.length === 0)
78
- return S("div", { ...n, class: e.value });
79
- let i = S("div", { class: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden" }, [a[a.length - 1]]);
80
- for (let y = a.length - 2; y >= 0; y--) {
81
- const z = a[y], _ = ((h = z.props) == null ? void 0 : h.dock) || "left", D = _ === "top" || _ === "bottom" ? "flex-col" : "flex-row", j = _ === "top" || _ === "left" ? [z, i] : [i, z];
82
- i = S("div", { class: `flex ${D} flex-1 min-h-0 min-w-0 overflow-hidden` }, j);
83
- }
84
- return S("div", { ...n, class: e.value }, [i]);
85
- };
86
- }
87
- }), T = /* @__PURE__ */ u({
88
- __name: "LuDockItem",
89
- props: {
90
- dock: {},
91
- variant: {}
92
- },
93
- setup(t) {
94
- const s = t, { resolveSkin: n } = d(), o = c(() => [
95
- n("LuDockItem", s.dock ?? s.variant)
96
- ]);
97
- return (e, r) => (p(), m("div", v(e.$attrs, { class: o.value }), [
98
- f(e.$slots, "default")
99
- ], 16));
100
- }
101
- }), q = /* @__PURE__ */ u({
102
- __name: "LuSplit",
103
- props: {
104
- direction: {},
105
- variant: {}
106
- },
107
- setup(t) {
108
- const s = t, n = c(() => s.direction ?? "horizontal");
109
- P("lu-split-direction", b(n));
110
- const { resolveSkin: o } = d(), e = c(() => o("LuSplit", s.direction ?? s.variant));
111
- return (r, l) => (p(), m("div", v(r.$attrs, { class: e.value }), [
112
- f(r.$slots, "default")
113
- ], 16));
114
- }
115
- }), H = /* @__PURE__ */ u({
116
- __name: "LuSplitPane",
117
- props: {
118
- minSize: {},
119
- maxSize: {},
120
- defaultSize: {},
121
- variant: {}
122
- },
123
- setup(t) {
124
- const s = t, n = w("lu-split-direction", "horizontal"), o = A(s.defaultSize), e = c(() => {
125
- if (o.value === void 0) return { flex: "1 1 0%" };
126
- const a = `${o.value}px`;
127
- return x(n) === "horizontal" ? { width: a, flex: `0 0 ${a}` } : { height: a, flex: `0 0 ${a}` };
128
- }), { resolveSkin: r } = d(), l = c(() => r("LuSplitPane", s.variant));
129
- return (a, i) => (p(), m("div", v(a.$attrs, {
130
- class: l.value,
131
- style: e.value
132
- }), [
133
- f(a.$slots, "default")
134
- ], 16));
135
- }
136
- }), J = /* @__PURE__ */ u({
137
- __name: "LuSplitResizer",
138
- props: {
139
- variant: {}
140
- },
141
- setup(t) {
142
- const s = w("lu-split-direction", "horizontal"), { resolveSkin: n } = d(), o = c(() => [
143
- n("LuSplitResizer", x(s) === "horizontal" ? "horizontal" : "vertical")
144
- ]);
145
- return (e, r) => (p(), m("div", v(e.$attrs, { class: o.value }), null, 16));
146
- }
147
- }), K = /* @__PURE__ */ u({
148
- __name: "LuScroll",
149
- props: {
150
- variant: {}
151
- },
152
- setup(t) {
153
- const s = t, { resolveSkin: n } = d(), o = c(() => [
154
- n("LuScroll", s.variant)
155
- ]);
156
- return (e, r) => (p(), m("div", v(e.$attrs, { class: o.value }), [
157
- f(e.$slots, "default")
158
- ], 16));
159
- }
160
- }), M = /* @__PURE__ */ u({
161
- __name: "LuFill",
162
- props: {
163
- variant: {},
164
- as: { default: "div" },
165
- width: {},
166
- height: {},
167
- padding: {}
168
- },
169
- setup(t) {
170
- const s = t, { resolveSkin: n } = d(), o = c(() => L(
171
- n("LuFill", s.variant),
172
- C(s)
173
- ));
174
- return (e, r) => (p(), $(g(t.as), v(e.$attrs, { class: o.value }), {
175
- default: k(() => [
176
- f(e.$slots, "default")
177
- ]),
178
- _: 3
179
- }, 16, ["class"]));
180
- }
181
- }), N = /* @__PURE__ */ u({
182
- __name: "LuFixed",
183
- props: {
184
- variant: {},
185
- as: { default: "div" },
186
- width: {},
187
- height: {},
188
- padding: {}
189
- },
190
- setup(t) {
191
- const s = t, { resolveSkin: n } = d(), o = c(() => L(
192
- n("LuFixed", s.variant),
193
- C(s)
194
- ));
195
- return (e, r) => (p(), $(g(t.as), v(e.$attrs, { class: o.value }), {
196
- default: k(() => [
197
- f(e.$slots, "default")
198
- ]),
199
- _: 3
200
- }, 16, ["class"]));
201
- }
202
- }), Q = /* @__PURE__ */ u({
203
- __name: "LuOverlay",
204
- props: {
205
- variant: {}
206
- },
207
- setup(t) {
208
- const s = t, { resolveSkin: n } = d(), o = c(() => n("LuOverlay", s.variant));
209
- return (e, r) => (p(), m("div", v(e.$attrs, { class: o.value }), [
210
- f(e.$slots, "default")
211
- ], 16));
212
- }
213
- });
214
- export {
215
- E as _,
216
- T as a,
217
- M as b,
218
- N as c,
219
- V as d,
220
- Q as e,
221
- K as f,
222
- q as g,
223
- H as h,
224
- J as i,
225
- R as j
226
- };
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
- export default _default;
@@ -1,62 +0,0 @@
1
- import { inject as a, isRef as l } from "vue";
2
- import { clsx as h } from "clsx";
3
- import { twMerge as m } from "tailwind-merge";
4
- import { defaultSkin as d } from "./skins/index.js";
5
- function r(...e) {
6
- return m(h(e));
7
- }
8
- function g(e, n) {
9
- const t = { ...e };
10
- for (const s in n) {
11
- if (!t[s]) {
12
- t[s] = { ...n[s] };
13
- continue;
14
- }
15
- const u = t[s], f = n[s], o = { ...u };
16
- for (const i in f)
17
- u[i] ? o[i] = r(u[i], f[i]) : o[i] = f[i];
18
- t[s] = o;
19
- }
20
- return t;
21
- }
22
- function M(e) {
23
- const n = [];
24
- if (e.gap && n.push(`gap-${e.gap}`), e.padding && n.push(`p-${e.padding}`), e.align) {
25
- const t = {
26
- start: "items-start",
27
- center: "items-center",
28
- end: "items-end",
29
- stretch: "items-stretch",
30
- baseline: "items-baseline"
31
- };
32
- t[e.align] && n.push(t[e.align]);
33
- }
34
- if (e.justify) {
35
- const t = {
36
- start: "justify-start",
37
- center: "justify-center",
38
- end: "justify-end",
39
- between: "justify-between",
40
- around: "justify-around",
41
- evenly: "justify-evenly"
42
- };
43
- t[e.justify] && n.push(t[e.justify]);
44
- }
45
- return e.width && (e.width === "full" ? n.push("w-full") : e.width === "screen" ? n.push("w-screen") : n.push(`w-${e.width}`)), e.height && (e.height === "full" ? n.push("h-full") : e.height === "screen" ? n.push("h-screen") : n.push(`h-${e.height}`)), n.join(" ");
46
- }
47
- const y = Symbol("LumoraUIConfig");
48
- function b() {
49
- const e = a(y, {});
50
- return { config: e, resolveSkin: (s, u) => {
51
- const f = l(e.skin) ? e.skin.value : e.skin || {}, i = g(d, f)[s];
52
- if (!i) return "";
53
- const c = [];
54
- return i.default && c.push(i.default), u && i[u] && c.push(i[u]), r(c);
55
- }, resolveIcon: (s, u) => e.icons ? e.icons(s, u) : null };
56
- }
57
- export {
58
- y as L,
59
- r as c,
60
- M as r,
61
- b as u
62
- };
@@ -1,21 +0,0 @@
1
- import { ref as o, computed as a } from "vue";
2
- const e = o("system"), r = o(!1);
3
- if (typeof window < "u") {
4
- const t = window.matchMedia("(prefers-color-scheme: dark)");
5
- r.value = t.matches, t.addEventListener("change", (s) => {
6
- r.value = s.matches;
7
- });
8
- }
9
- const n = a(() => e.value === "system" ? r.value ? "dark" : "light" : e.value);
10
- function u() {
11
- return {
12
- mode: e,
13
- resolved: n,
14
- setMode: (s) => {
15
- e.value = s;
16
- }
17
- };
18
- }
19
- export {
20
- u
21
- };