@astrake/lumora-ui 0.2.1 → 0.2.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 (39) hide show
  1. package/CHANGELOG.md +180 -141
  2. package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BdXflBkJ.js +1672 -0
  3. package/dist/{LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-CIksvebU.js → LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-D4rqklgo.js} +1 -1
  4. package/dist/LuOverlay.vue_vue_type_script_setup_true_lang-C5jhqCgy.js +221 -0
  5. package/dist/components/LuCard.vue.d.ts +0 -3
  6. package/dist/components/LuCheckbox.vue.d.ts +2 -2
  7. package/dist/components/LuCodeBlock.vue.d.ts +11 -14
  8. package/dist/components/LuCollapsible.vue.d.ts +2 -2
  9. package/dist/components/LuForm.vue.d.ts +2 -2
  10. package/dist/components/LuModal.vue.d.ts +5 -5
  11. package/dist/components/LuPagination.vue.d.ts +2 -2
  12. package/dist/components/LuRadioGroup.vue.d.ts +2 -2
  13. package/dist/components/_all.d.ts +3 -0
  14. package/dist/components/index.js +1 -1
  15. package/dist/composables/index.d.ts +1 -0
  16. package/dist/composables/index.js +15 -14
  17. package/dist/composables/useShiki.d.ts +2 -0
  18. package/dist/context-CGS7Ou_x.js +36 -0
  19. package/dist/index.js +154 -82
  20. package/dist/layout/LuFill.vue.d.ts +0 -3
  21. package/dist/layout/LuFixed.vue.d.ts +0 -3
  22. package/dist/layout/LuGrid.vue.d.ts +0 -4
  23. package/dist/layout/LuStack.vue.d.ts +5 -3
  24. package/dist/layout/index.js +1 -1
  25. package/dist/shell/index.js +1 -1
  26. package/dist/skins/components.d.ts +2 -0
  27. package/dist/skins/index.js +251 -221
  28. package/dist/skins/layout.d.ts +2 -0
  29. package/dist/skins/shell/desktop.d.ts +2 -0
  30. package/dist/skins/shell/embedded.d.ts +2 -0
  31. package/dist/skins/shell/mobile.d.ts +2 -0
  32. package/dist/useShiki-DPOJfneq.js +30 -0
  33. package/dist/utils.d.ts +0 -11
  34. package/package.json +94 -94
  35. package/src/lumora.css +48 -16
  36. package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js +0 -1623
  37. package/dist/LuOverlay.vue_vue_type_script_setup_true_lang-DZch4Vrw.js +0 -226
  38. package/dist/context-0gENwESP.js +0 -62
  39. 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,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
- };