@indielayer/ui 1.18.0 → 2.0.0

package/lib/composables/useNotifications.js

@@ -1,9 +1,9 @@
-import { inject as o } from "vue";
-import { injectNotificationKey as n } from "./keys.js";
-const a = (i) => {
-  const t = o(i || n);
-  return t || console.warn("useNotifications must have a parent wrapped with Notifications component"), t;
-};
-export {
-  a as useNotifications
+import { injectNotificationKey as e } from "./keys.js";
+import { inject as t } from "vue";
+//#region src/composables/useNotifications.ts
+var n = (n) => {
+	let r = t(n || e);
+	return r || console.warn("useNotifications must have a parent wrapped with Notifications component"), r;
 };
+//#endregion
+export { n as useNotifications };

package/lib/composables/useTheme.js

@@ -1,59 +1,47 @@
-import { inject as O, computed as c, unref as e, useSlots as P } from "vue";
-import { injectThemeKey as T } from "./keys.js";
-import { useColors as d } from "./useColors.js";
-import { useCSS as A } from "./useCSS.js";
-import { mergeRightDeep as D, smartUnref as h, isFunction as S, isObject as $ } from "../common/utils.js";
-const U = (s, r = {}, n = {}, l = {}) => {
-  const o = O(T, {}), v = c(() => {
-    var t, m, a;
-    return (m = (t = e(o)) == null ? void 0 : t.components) != null && m[s] ? D(r.classes || {}, ((a = e(o).components) == null ? void 0 : a[s].classes) || {}) : r.classes || {};
-  }), p = s.replace(/([A-Z])/g, (t) => `-${t[0].toLowerCase()}`).replace(/^-/, ""), f = c(() => {
-    var t;
-    return ((t = e(o)) == null ? void 0 : t.classPrefix) ?? "x-";
-  }), w = c(() => `${f.value}${p}`), C = c(() => {
-    var t;
-    return ((t = e(o)) == null ? void 0 : t.rtl) ?? !1;
-  }), g = P(), i = d(), u = A(p), y = c(() => b(v.value, {
-    props: e(n),
-    slots: g,
-    data: h(l),
-    colors: i,
-    css: u,
-    rtl: e(C)
-  })), N = c(() => {
-    var a, x;
-    const t = ((x = (a = e(o)) == null ? void 0 : a.components) == null ? void 0 : x[s]) || {}, m = {
-      props: e(n),
-      slots: g,
-      data: h(l),
-      colors: i,
-      css: u,
-      rtl: e(C)
-    };
-    return [
-      j(r.styles, m),
-      j(t.styles, m)
-    ];
-  });
-  return {
-    classPrefix: f,
-    className: w,
-    colors: i,
-    classes: y,
-    styles: N,
-    css: u
-  };
+import { injectOptionsKey as e, injectThemeKey as t } from "./keys.js";
+import { resolvePropsWithDefaults as n } from "./resolveComponentDefaults.js";
+import { isFunction as r, isObject as i, mergeRightDeep as a, smartUnref as o } from "../common/utils.js";
+import { useColors as s } from "./useColors.js";
+import { useCSS as c } from "./useCSS.js";
+import { computed as l, inject as u, unref as d, useSlots as f } from "vue";
+//#region src/composables/useTheme.ts
+var p = (r, i = {}, p = {}, g = {}) => {
+	let _ = u(t, {}), v = u(e, {}), y = l(() => n(d(p), v.defaults?.[r])), b = l(() => d(_)?.components?.[r] ? a(i.classes || {}, d(_).components?.[r].classes || {}) : i.classes || {}), x = r.replace(/([A-Z])/g, (e) => `-${e[0].toLowerCase()}`).replace(/^-/, ""), S = l(() => d(_)?.classPrefix ?? "x-"), C = l(() => `${S.value}${x}`), w = l(() => d(_)?.rtl ?? !1), T = f(), E = s(), D = c(x);
+	return {
+		classPrefix: S,
+		className: C,
+		colors: E,
+		classes: l(() => m(b.value, {
+			props: y.value,
+			slots: T,
+			data: o(g),
+			colors: E,
+			css: D,
+			rtl: d(w)
+		})),
+		styles: l(() => {
+			let e = d(_)?.components?.[r] || {}, t = {
+				props: y.value,
+				slots: T,
+				data: o(g),
+				colors: E,
+				css: D,
+				rtl: d(w)
+			};
+			return [h(i.styles, t), h(e.styles, t)];
+		}),
+		css: D
+	};
 };
-function b(s, r) {
-  const n = {};
-  return Object.keys(s).forEach((l) => {
-    const o = s[l];
-    n[l] = S(o) ? o(r) : $(o) ? b(o, r) : o;
-  }), n;
+function m(e, t) {
+	let n = {};
+	return Object.keys(e).forEach((a) => {
+		let o = e[a];
+		n[a] = r(o) ? o(t) : i(o) ? m(o, t) : o;
+	}), n;
 }
-function j(s, r) {
-  return S(s) ? s(r) || {} : $(s) ? s : {};
+function h(e, t) {
+	return r(e) ? e(t) || {} : i(e) ? e : {};
 }
-export {
-  U as useTheme
-};
+//#endregion
+export { p as useTheme };

package/lib/composables/useVirtualList.d.ts

@@ -1,5 +1,4 @@
-import type { Ref, StyleValue } from 'vue';
-import type { MaybeRef } from '@vueuse/shared';
+import type { MaybeRef, Ref, StyleValue } from 'vue';
 type UseVirtualListItemSize = number | ((index: number) => number);
 export type UseVirtualListOptions = {
     /**

package/lib/composables/useVirtualList.js

@@ -1,126 +1,131 @@
-import { computed as h, unref as C, ref as v, shallowRef as P, watch as O } from "vue";
-import { useElementSize as x } from "../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
-function Y(t, e) {
-  if (e.disabled)
-    return {
-      list: h(() => C(t).map((a, u) => ({ data: a, index: u }))),
-      scrollTo: () => {
-      },
-      reset: () => {
-      },
-      containerProps: {
-        ref: v(null),
-        style: {},
-        onScroll: () => {
-        }
-      },
-      wrapperProps: {}
-    };
-  const { containerStyle: r, wrapperProps: o, scrollTo: n, calculateRange: l, currentList: s, containerRef: c } = _(e, t);
-  return {
-    list: s,
-    scrollTo: n,
-    reset: l,
-    containerProps: {
-      ref: c,
-      onScroll: () => {
-        l();
-      },
-      style: r
-    },
-    wrapperProps: o
-  };
+import { useElementSize as e } from "../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { computed as t, ref as n, shallowRef as r, unref as i, watch as a } from "vue";
+//#region src/composables/useVirtualList.ts
+function o(e, r) {
+	if (r.disabled) return {
+		list: t(() => i(e).map((e, t) => ({
+			data: e,
+			index: t
+		}))),
+		scrollTo: () => {},
+		reset: () => {},
+		containerProps: {
+			ref: n(null),
+			style: {},
+			onScroll: () => {}
+		},
+		wrapperProps: {}
+	};
+	let { containerStyle: a, wrapperProps: o, scrollTo: s, calculateRange: c, currentList: l, containerRef: u } = g(r, e);
+	return {
+		list: l,
+		scrollTo: s,
+		reset: c,
+		containerProps: {
+			ref: u,
+			onScroll: () => {
+				c();
+			},
+			style: a
+		},
+		wrapperProps: o
+	};
 }
-function G(t) {
-  const e = v(null), r = x(e), o = v([]), n = P(t);
-  return { state: v({ start: 0, end: 10 }), source: n, currentList: o, size: r, containerRef: e };
+function s(t) {
+	let i = n(null), a = e(i), o = n([]), s = r(t);
+	return {
+		state: n({
+			start: 0,
+			end: 10
+		}),
+		source: s,
+		currentList: o,
+		size: a,
+		containerRef: i
+	};
 }
-function H(t, e, r) {
-  return (o) => {
-    if (typeof r == "number")
-      return Math.ceil(o / r);
-    const { start: n = 0 } = t.value;
-    let l = 0, s = 0;
-    for (let c = n; c < e.value.length; c++) {
-      const a = r(c);
-      if (l += a, s = c, l > o)
-        break;
-    }
-    return s - n;
-  };
+function c(e, t, n) {
+	return (r) => {
+		if (typeof n == "number") return Math.ceil(r / n);
+		let { start: i = 0 } = e.value, a = 0, o = 0;
+		for (let e = i; e < t.value.length; e++) {
+			let t = n(e);
+			if (a += t, o = e, a > r) break;
+		}
+		return o - i;
+	};
 }
-function k(t, e) {
-  return (r) => {
-    if (typeof e == "number")
-      return Math.floor(r / e) + 1;
-    let o = 0, n = 0;
-    for (let l = 0; l < t.value.length; l++) {
-      const s = e(l);
-      if (o += s, o >= r) {
-        n = l;
-        break;
-      }
-    }
-    return n + 1;
-  };
+function l(e, t) {
+	return (n) => {
+		if (typeof t == "number") return Math.floor(n / t) + 1;
+		let r = 0, i = 0;
+		for (let a = 0; a < e.value.length; a++) {
+			let e = t(a);
+			if (r += e, r >= n) {
+				i = a;
+				break;
+			}
+		}
+		return i + 1;
+	};
 }
-function z(t, e, r, o, { containerRef: n, state: l, currentList: s, source: c }) {
-  return () => {
-    const a = n.value;
-    if (a) {
-      const u = r(t === "vertical" ? a.scrollTop : a.scrollLeft), f = o(t === "vertical" ? a.clientHeight : a.clientWidth), i = u - e, p = u + f + e;
-      l.value = {
-        start: i < 0 ? 0 : i,
-        end: p > c.value.length ? c.value.length : p
-      }, s.value = c.value.slice(l.value.start, l.value.end).map((g, y) => ({
-        data: g,
-        index: y + l.value.start
-      }));
-    }
-  };
+function u(e, t, n, r, { containerRef: i, state: a, currentList: o, source: s }) {
+	return () => {
+		let c = i.value;
+		if (c) {
+			let i = n(e === "vertical" ? c.scrollTop : c.scrollLeft), l = r(e === "vertical" ? c.clientHeight : c.clientWidth), u = i - t, d = i + l + t;
+			a.value = {
+				start: u < 0 ? 0 : u,
+				end: d > s.value.length ? s.value.length : d
+			}, o.value = s.value.slice(a.value.start, a.value.end).map((e, t) => ({
+				data: e,
+				index: t + a.value.start
+			}));
+		}
+	};
 }
-function D(t, e) {
-  return (r) => typeof t == "number" ? r * t : e.value.slice(0, r).reduce((n, l, s) => n + t(s), 0);
+function d(e, t) {
+	return (n) => typeof e == "number" ? n * e : t.value.slice(0, n).reduce((t, n, r) => t + e(r), 0);
 }
-function E(t, e, r, o) {
-  O([t.width, t.height, e, r], () => {
-    o();
-  });
+function f(e, t, n, r) {
+	a([
+		e.width,
+		e.height,
+		t,
+		n
+	], () => {
+		r();
+	});
 }
-function F(t, e) {
-  return h(() => typeof t == "number" ? e.value.length * t : e.value.reduce((r, o, n) => r + t(n), 0));
+function p(e, n) {
+	return t(() => typeof e == "number" ? n.value.length * e : n.value.reduce((t, n, r) => t + e(r), 0));
 }
-const M = {
-  horizontal: "scrollLeft",
-  vertical: "scrollTop"
+var m = {
+	horizontal: "scrollLeft",
+	vertical: "scrollTop"
 };
-function W(t, e, r, o) {
-  return (n) => {
-    o.value && (o.value[M[t]] = r(n), e());
-  };
+function h(e, t, n, r) {
+	return (i) => {
+		r.value && (r.value[m[e]] = n(i), t());
+	};
 }
-function _(t, e) {
-  const r = G(e), { state: o, source: n, currentList: l, size: s, containerRef: c } = r, a = { overflowY: "auto" }, { itemHeight: u, topOffset: f = 0, bottomOffset: i = 0, overscan: p = 5 } = t, g = H(o, n, u), y = k(n, u), d = z("vertical", p, y, g, r), m = D(u, n), T = h(() => m(o.value.start)), w = F(u, n), R = W("vertical", d, m, c);
-  E(s, n, c, d);
-  const V = h(() => {
-    const b = w.value + f + i, L = T.value > b ? b : T.value;
-    return {
-      style: {
-        width: "100%",
-        height: `${w.value - L + f + i}px`,
-        marginTop: `${L}px`
-      }
-    };
-  });
-  return {
-    calculateRange: d,
-    scrollTo: R,
-    containerStyle: a,
-    wrapperProps: V,
-    currentList: l,
-    containerRef: c
-  };
+function g(e, n) {
+	let r = s(n), { state: i, source: a, currentList: o, size: m, containerRef: g } = r, _ = { overflowY: "auto" }, { itemHeight: v, topOffset: y = 0, bottomOffset: b = 0, overscan: x = 5 } = e, S = c(i, a, v), C = u("vertical", x, l(a, v), S, r), w = d(v, a), T = t(() => w(i.value.start)), E = p(v, a), D = h("vertical", C, w, g);
+	return f(m, a, g, C), {
+		calculateRange: C,
+		scrollTo: D,
+		containerStyle: _,
+		wrapperProps: t(() => {
+			let e = E.value + y + b, t = T.value > e ? e : T.value;
+			return { style: {
+				width: "100%",
+				height: `${E.value - t + y + b}px`,
+				marginTop: `${t}px`
+			} };
+		}),
+		currentList: o,
+		containerRef: g
+	};
 }
-export {
-  Y as useVirtualList
-};
+//#endregion
+export { o as useVirtualList };

package/lib/create.d.ts

@@ -1,11 +1,13 @@
 import type { App, InjectionKey, MaybeRef } from 'vue';
 import { type UITheme } from './theme';
 import type { IconInjection } from './components/icon/Icon.vue';
+import type { ComponentDefaults } from './componentDefaults';
 export type UIOptions = {
     prefix?: string;
     components?: any[];
     icons?: Record<string, any>;
     theme?: UITheme;
+    defaults?: ComponentDefaults;
     injectIconsKey?: InjectionKey<IconInjection>;
     injectOptionsKey?: InjectionKey<UIOptions>;
     injectThemeKey?: InjectionKey<MaybeRef<UITheme>>;

package/lib/create.js

@@ -1,24 +1,21 @@
-import { injectOptionsKey as s, injectIconsKey as m, injectThemeKey as r } from "./composables/keys.js";
-import { injectThemeStyles as h } from "./theme.js";
-const y = {
-  prefix: "X",
-  injectIconsKey: m,
-  injectOptionsKey: s,
-  injectThemeKey: r
-}, a = (f = {}) => ({
-  install: (t, n = {}) => {
-    var c;
-    const e = {
-      ...y,
-      ...f,
-      ...n
-    };
-    e.components && e.components.forEach((o) => {
-      const i = o.name.startsWith("X") ? o.name.slice(1) : o.name;
-      t.component(`${e.prefix}${i}`) || t.component(`${e.prefix}${i}`, o);
-    }), t.provide(n.injectOptionsKey || s, e), t.provide(n.injectIconsKey || m, e.icons || {}), t.provide(n.injectThemeKey || r, e.theme || {}), (c = e.theme) != null && c.styles && h(e.theme.name || "", e.theme.styles);
-  }
-}), $ = a;
-export {
-  $ as default
-};
+import { injectIconsKey as e, injectOptionsKey as t, injectThemeKey as n } from "./composables/keys.js";
+import { injectThemeStyles as r } from "./theme.js";
+//#region src/create.ts
+var i = {
+	prefix: "X",
+	injectIconsKey: e,
+	injectOptionsKey: t,
+	injectThemeKey: n
+}, a = (a = {}) => ({ install: (o, s = {}) => {
+	let c = {
+		...i,
+		...a,
+		...s
+	};
+	c.components && c.components.forEach((e) => {
+		let t = e.name.startsWith("X") ? e.name.slice(1) : e.name;
+		o.component(`${c.prefix}${t}`) || o.component(`${c.prefix}${t}`, e);
+	}), o.provide(s.injectOptionsKey || t, c), o.provide(s.injectIconsKey || e, c.icons || {}), o.provide(s.injectThemeKey || n, c.theme || {}), c.theme?.styles && r(c.theme.name || "", c.theme.styles);
+} });
+//#endregion
+export { a as default };

package/lib/index.d.ts

@@ -5,5 +5,6 @@ export * from './composables';
 export * from './themes';
 export * from './virtual';
 export type { UITheme, ComponentThemes } from './theme';
+export type { ComponentDefaults } from './componentDefaults';
 export { default as createUI, type UIOptions } from './create';
 export { default } from './install';