@astrake/lumora-ui 0.2.1 → 0.2.2

package/dist/{LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-CIksvebU.js → LuEmbeddedStatusBar.vue_vue_type_script_setup_true_lang-D4rqklgo.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as n, openBlock as u, createElementBlock as v, mergeProps as p, renderSlot as a, createElementVNode as L, normalizeClass as S, ref as _, createCommentVNode as h, useSlots as D, Fragment as B } from "vue";
-import { u as d } from "./context-0gENwESP.js";
+import { u as d } from "./context-CGS7Ou_x.js";
 const y = /* @__PURE__ */ c({
   __name: "LuDesktopShell",
   props: {

package/dist/LuOverlay.vue_vue_type_script_setup_true_lang-C5jhqCgy.js

@@ -0,0 +1,221 @@
+import { defineComponent as u, computed as c, openBlock as v, createBlock as $, resolveDynamicComponent as g, mergeProps as p, withCtx as k, renderSlot as f, h, Fragment as x, Comment as b, createElementBlock as _, provide as B, readonly as D, inject as C, ref as F, unref as j } from "vue";
+import { u as d } from "./context-CGS7Ou_x.js";
+const P = /* @__PURE__ */ u({
+  __name: "LuStack",
+  props: {
+    direction: {},
+    variant: {},
+    as: { default: "div" },
+    gap: {},
+    align: {},
+    justify: {}
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = {
+      center: "items-center",
+      start: "items-start",
+      end: "items-end",
+      stretch: "items-stretch",
+      baseline: "items-baseline"
+    }, s = {
+      center: "justify-center",
+      start: "justify-start",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    }, l = c(() => {
+      const a = o("LuStack", e.direction ?? e.variant), n = e.gap !== void 0 ? `gap-${e.gap}` : "", i = e.align ? r[e.align] ?? "" : "", m = e.justify ? s[e.justify] ?? "" : "";
+      return [a, n, i, m].filter(Boolean).join(" ");
+    });
+    return (a, n) => (v(), $(g(t.as), p(a.$attrs, { class: l.value }), {
+      default: k(() => [
+        f(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), O = /* @__PURE__ */ u({
+  __name: "LuGrid",
+  props: {
+    cols: {},
+    smCols: {},
+    mdCols: {},
+    lgCols: {},
+    variant: {},
+    as: { default: "div" }
+  },
+  setup(t) {
+    const e = t, o = c(() => {
+      const a = { 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" }, n = e.smCols && a[e.smCols] ? `sm:${a[e.smCols]}` : "", i = e.mdCols && a[e.mdCols] ? `md:${a[e.mdCols]}` : "", m = e.lgCols && a[e.lgCols] ? `lg:${a[e.lgCols]}` : "";
+      return [n, i, m].filter(Boolean).join(" ");
+    }), { resolveSkin: r } = d(), s = c(() => [
+      r("LuGrid", e.variant),
+      o.value
+    ].filter(Boolean).join(" ")), l = c(
+      () => e.cols ? { gridTemplateColumns: `repeat(${e.cols}, minmax(0, 1fr))` } : {}
+    );
+    return (a, n) => (v(), $(g(t.as), p(a.$attrs, {
+      class: s.value,
+      style: l.value
+    }), {
+      default: k(() => [
+        f(a.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "style"]));
+  }
+}), R = u({
+  name: "LuDock",
+  props: {
+    variant: String
+  },
+  setup(t, { slots: e, attrs: o }) {
+    const { resolveSkin: r } = d(), s = c(() => r("LuDock", t.variant));
+    function l(a) {
+      let n = [];
+      for (const i of a)
+        Array.isArray(i) ? n.push(...l(i)) : i.type === x ? n.push(...l(i.children)) : i && i.type && i.type !== b && n.push(i);
+      return n;
+    }
+    return () => {
+      var m;
+      const a = e.default ? e.default() : [], n = l(a);
+      if (n.length === 0)
+        return h("div", { ...o, class: s.value });
+      let i = h("div", { class: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden" }, [n[n.length - 1]]);
+      for (let y = n.length - 2; y >= 0; y--) {
+        const L = n[y], S = ((m = L.props) == null ? void 0 : m.dock) || "left", z = S === "top" || S === "bottom" ? "flex-col" : "flex-row", w = S === "top" || S === "left" ? [L, i] : [i, L];
+        i = h("div", { class: `flex ${z} flex-1 min-h-0 min-w-0 overflow-hidden` }, w);
+      }
+      return h("div", { ...o, class: s.value }, [i]);
+    };
+  }
+}), T = /* @__PURE__ */ u({
+  __name: "LuDockItem",
+  props: {
+    dock: {},
+    variant: {}
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = c(() => [
+      o("LuDockItem", e.dock ?? e.variant)
+    ]);
+    return (s, l) => (v(), _("div", p(s.$attrs, { class: r.value }), [
+      f(s.$slots, "default")
+    ], 16));
+  }
+}), V = /* @__PURE__ */ u({
+  __name: "LuSplit",
+  props: {
+    direction: {},
+    variant: {}
+  },
+  setup(t) {
+    const e = t, o = c(() => e.direction ?? "horizontal");
+    B("lu-split-direction", D(o));
+    const { resolveSkin: r } = d(), s = c(() => r("LuSplit", e.direction ?? e.variant));
+    return (l, a) => (v(), _("div", p(l.$attrs, { class: s.value }), [
+      f(l.$slots, "default")
+    ], 16));
+  }
+}), E = /* @__PURE__ */ u({
+  __name: "LuSplitPane",
+  props: {
+    minSize: {},
+    maxSize: {},
+    defaultSize: {},
+    variant: {}
+  },
+  setup(t) {
+    const e = t, o = C("lu-split-direction", "horizontal"), r = F(e.defaultSize), s = c(() => {
+      if (r.value === void 0) return { flex: "1 1 0%" };
+      const n = `${r.value}px`;
+      return j(o) === "horizontal" ? { width: n, flex: `0 0 ${n}` } : { height: n, flex: `0 0 ${n}` };
+    }), { resolveSkin: l } = d(), a = c(() => l("LuSplitPane", e.variant));
+    return (n, i) => (v(), _("div", p(n.$attrs, {
+      class: a.value,
+      style: s.value
+    }), [
+      f(n.$slots, "default")
+    ], 16));
+  }
+}), J = /* @__PURE__ */ u({
+  __name: "LuSplitResizer",
+  props: {
+    variant: {}
+  },
+  setup(t) {
+    const e = C("lu-split-direction", "horizontal"), { resolveSkin: o } = d(), r = c(() => [
+      o("LuSplitResizer", j(e) === "horizontal" ? "horizontal" : "vertical")
+    ]);
+    return (s, l) => (v(), _("div", p(s.$attrs, { class: r.value }), null, 16));
+  }
+}), N = /* @__PURE__ */ u({
+  __name: "LuScroll",
+  props: {
+    variant: {}
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = c(() => [
+      o("LuScroll", e.variant)
+    ]);
+    return (s, l) => (v(), _("div", p(s.$attrs, { class: r.value }), [
+      f(s.$slots, "default")
+    ], 16));
+  }
+}), U = /* @__PURE__ */ u({
+  __name: "LuFill",
+  props: {
+    variant: {},
+    as: { default: "div" }
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = c(() => o("LuFill", e.variant));
+    return (s, l) => (v(), $(g(t.as), p(s.$attrs, { class: r.value }), {
+      default: k(() => [
+        f(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Y = /* @__PURE__ */ u({
+  __name: "LuFixed",
+  props: {
+    variant: {},
+    as: { default: "div" }
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = c(() => o("LuFixed", e.variant));
+    return (s, l) => (v(), $(g(t.as), p(s.$attrs, { class: r.value }), {
+      default: k(() => [
+        f(s.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), q = /* @__PURE__ */ u({
+  __name: "LuOverlay",
+  props: {
+    variant: {}
+  },
+  setup(t) {
+    const e = t, { resolveSkin: o } = d(), r = c(() => o("LuOverlay", e.variant));
+    return (s, l) => (v(), _("div", p(s.$attrs, { class: r.value }), [
+      f(s.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  R as _,
+  T as a,
+  U as b,
+  Y as c,
+  O as d,
+  q as e,
+  N as f,
+  V as g,
+  E as h,
+  J as i,
+  P as j
+};

package/dist/components/LuCard.vue.d.ts

@@ -1,9 +1,6 @@
 type __VLS_Props = {
     variant?: string;
     as?: string;
-    padding?: string | number;
-    width?: string;
-    height?: string;
 };
 declare var __VLS_6: {};
 type __VLS_Slots = {} & {

package/dist/components/LuCheckbox.vue.d.ts

@@ -11,12 +11,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: () => any;
-    change: (value: boolean) => any;
     "update:modelValue": (value: boolean) => any;
+    change: (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onBlur?: (() => any) | undefined;
-    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/LuCodeBlock.vue.d.ts

@@ -1,26 +1,23 @@
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+type __VLS_Props = {
     code: string;
     lang?: string;
     variant?: "default" | "preview";
     layout?: "tabbed" | "split";
     title?: string;
     description?: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    code: string;
-    lang?: string;
-    variant?: "default" | "preview";
-    layout?: "tabbed" | "split";
-    title?: string;
-    description?: string;
-}> & Readonly<{}>, {
+};
+declare var __VLS_19: {}, __VLS_31: {};
+type __VLS_Slots = {} & {
+    preview?: (props: typeof __VLS_19) => any;
+} & {
+    preview?: (props: typeof __VLS_31) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: "default" | "preview";
     lang: string;
     layout: "tabbed" | "split";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    preview?: (props: {}) => any;
-} & {
-    preview?: (props: {}) => any;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/components/LuCollapsible.vue.d.ts

@@ -5,11 +5,11 @@ type __VLS_Props = {
 };
 declare var __VLS_1: {
     isOpen: boolean;
-}, __VLS_3: {};
+}, __VLS_7: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_3) => any;
+    content?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: boolean) => any;

package/dist/components/LuForm.vue.d.ts

@@ -34,12 +34,12 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     values: import("vue").ComputedRef<Record<string, unknown>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     error: (errors: LuFormErrors) => any;
-    reset: () => any;
     submit: (values: Record<string, unknown>) => any;
+    reset: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onError?: ((errors: LuFormErrors) => any) | undefined;
-    onReset?: (() => any) | undefined;
     onSubmit?: ((values: Record<string, unknown>) => any) | undefined;
+    onReset?: (() => any) | undefined;
 }>, {
     disabled: boolean;
     rules: LuFormRules;

package/dist/components/LuModal.vue.d.ts

@@ -5,20 +5,20 @@ type __VLS_Props = {
     closable?: boolean;
     closeOnOverlayClick?: boolean;
 };
-declare var __VLS_13: {}, __VLS_21: {}, __VLS_23: {};
+declare var __VLS_13: {}, __VLS_28: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_21) => any;
+    default?: (props: typeof __VLS_28) => any;
 } & {
-    footer?: (props: typeof __VLS_23) => any;
+    footer?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
     "update:modelValue": (value: boolean) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     closable: boolean;
     closeOnOverlayClick: boolean;

package/dist/components/LuPagination.vue.d.ts

@@ -6,11 +6,11 @@ type __VLS_Props = {
     variant?: string;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: number) => any;
     "update:modelValue": (value: number) => any;
+    change: (value: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((value: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onChange?: ((value: number) => any) | undefined;
 }>, {
     pageSize: number;
     siblingCount: number;

package/dist/components/LuRadioGroup.vue.d.ts

@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    change: (value: string | number) => any;
     "update:modelValue": (value: string | number) => any;
+    change: (value: string | number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: ((value: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onChange?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/_all.d.ts

@@ -0,0 +1,3 @@
+export * from "./index";
+export * from "../layout/index";
+export * from "../shell/index";

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { _ as s, a as L, b as e, c as o, d as l, e as t, f as r, g as T, h as b, i, j as n, k as d, l as g, m as c, n as p, o as B, p as m, q as C, r as h, s as S, t as k, u as x, v as P, w, x as H, y as I, z as M, A as v, B as A, C as G, D as R, E as f, F as y, G as D, H as F, I as j, J as q, K as z, L as E, M as J, N as K, O as N, P as O, Q } from "../LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js";
+import { _ as s, a as L, b as e, c as o, d as l, e as t, f as r, g as T, h as b, i, j as n, k as d, l as g, m as c, n as p, o as B, p as m, q as C, r as h, s as S, t as k, u as x, v as P, w, x as H, y as I, z as M, A as v, B as A, C as G, D as R, E as f, F as y, G as D, H as F, I as j, J as q, K as z, L as E, M as J, N as K, O as N, P as O, Q } from "../LuCodeBlock.vue_vue_type_script_setup_true_lang-BdXflBkJ.js";
 export {
   s as LuAlert,
   L as LuAvatar,

package/dist/composables/index.d.ts

@@ -1,3 +1,4 @@
 export { useRail } from "./useRail";
 export { useSplit } from "./useSplit";
 export { useTheme, type ThemeMode, type ResolvedTheme } from "./useTheme";
+export { getHighlighter } from "./useShiki";

package/dist/composables/index.js

@@ -1,30 +1,31 @@
-import { ref as a, readonly as r } from "vue";
-import { u as g } from "../useTheme-Cd4wVaLs.js";
-function s(n = !1) {
-  const e = a(n);
-  function o() {
+import { ref as t, readonly as r } from "vue";
+import { g as c, u as p } from "../useShiki-DPOJfneq.js";
+function u(n = !1) {
+  const e = t(n);
+  function i() {
     e.value = !e.value;
   }
-  function i() {
+  function o() {
     e.value = !0;
   }
-  function t() {
+  function a() {
     e.value = !1;
   }
   return {
     isExpanded: r(e),
-    toggle: o,
-    expand: i,
-    collapse: t
+    toggle: i,
+    expand: o,
+    collapse: a
   };
 }
-function l(n, e = "horizontal", o) {
+function l(n, e = "horizontal", i) {
   return {
-    isDragging: a(!1)
+    isDragging: t(!1)
   };
 }
 export {
-  s as useRail,
+  c as getHighlighter,
+  u as useRail,
   l as useSplit,
-  g as useTheme
+  p as useTheme
 };

package/dist/composables/useShiki.d.ts

@@ -0,0 +1,2 @@
+import { type Highlighter } from 'shiki';
+export declare function getHighlighter(): Promise<Highlighter>;

package/dist/context-CGS7Ou_x.js

@@ -0,0 +1,36 @@
+import { inject as m, isRef as p } from "vue";
+import { clsx as a } from "clsx";
+import { twMerge as l } from "tailwind-merge";
+import { defaultSkin as k } from "./skins/index.js";
+function u(...o) {
+  return l(a(o));
+}
+function g(o, c) {
+  const s = { ...o };
+  for (const e in c) {
+    if (!s[e]) {
+      s[e] = { ...c[e] };
+      continue;
+    }
+    const t = s[e], r = c[e], i = { ...t };
+    for (const n in r)
+      t[n] ? i[n] = u(t[n], r[n]) : i[n] = r[n];
+    s[e] = i;
+  }
+  return s;
+}
+const d = Symbol("LumoraUIConfig");
+function L() {
+  const o = m(d, {});
+  return { config: o, resolveSkin: (e, t) => {
+    const r = p(o.skin) ? o.skin.value : o.skin || {}, n = g(k, r)[e];
+    if (!n) return "";
+    const f = [];
+    return n.default && f.push(n.default), t && n[t] && f.push(n[t]), u(f);
+  }, resolveIcon: (e, t) => o.icons ? o.icons(e, t) : null };
+}
+export {
+  d as L,
+  u as c,
+  L as u
+};