@quidgest/ui 0.17.2 → 0.17.4

package/esm/composables/useTextareaAutosize/index.js

@@ -1,22 +1,19 @@
-import { watch as l } from "vue";
-function i(r) {
-  const { element: e, styleProp: s = "height" } = r, o = () => {
-    const t = e.value;
-    if (!t) return;
-    t.style[s] = "auto";
-    const a = t.scrollHeight;
-    t.style[s] = `${a}px`;
-  }, c = l(e, o), n = l(() => {
-    var t;
-    return (t = e.value) == null ? void 0 : t.value;
-  }, o);
-  return {
-    triggerResize: o,
-    stop: () => {
-      c(), n();
-    }
-  };
+import { watch as e } from "vue";
+//#region src/composables/useTextareaAutosize/index.ts
+function t(t) {
+	let { element: n, styleProp: r = "height" } = t, i = () => {
+		let e = n.value;
+		if (!e) return;
+		e.style[r] = "auto";
+		let t = e.scrollHeight;
+		e.style[r] = `${t}px`;
+	}, a = e(n, i), o = e(() => n.value?.value, i);
+	return {
+		triggerResize: i,
+		stop: () => {
+			a(), o();
+		}
+	};
 }
-export {
-  i as useTextareaAutosize
-};
+//#endregion
+export { t as useTextareaAutosize };

package/esm/composables/useToast/index.js

@@ -1,35 +1,33 @@
-import { ToastSymbol as a } from "./types.js";
-import { inject as u, ref as i } from "vue";
-import { useId as c } from "../uid.js";
-function p() {
-  const { toasts: t } = f();
-  function s(n, o) {
-    const e = c(o).value;
-    return t.value.push({ id: e, props: n }), e;
-  }
-  function r(n) {
-    const o = t.value.findIndex((e) => e.id === n);
-    o !== -1 && t.value.splice(o, 1);
-  }
-  return {
-    toasts: t,
-    addToast: s,
-    removeToast: r
-  };
+import { useId as e } from "../uid.js";
+import { ToastSymbol as t } from "./types.js";
+import { inject as n, ref as r } from "vue";
+//#region src/composables/useToast/index.ts
+function i() {
+	let { toasts: t } = o();
+	function n(n, r) {
+		let i = e(r).value;
+		return t.value.push({
+			id: i,
+			props: n
+		}), i;
+	}
+	function r(e) {
+		let n = t.value.findIndex((t) => t.id === e);
+		n !== -1 && t.value.splice(n, 1);
+	}
+	return {
+		toasts: t,
+		addToast: n,
+		removeToast: r
+	};
 }
-function l() {
-  return {
-    toasts: i([])
-  };
+function a() {
+	return { toasts: r([]) };
 }
-function f() {
-  const t = u(a);
-  if (!t)
-    throw new Error("useInjectedToast must be used after provideToast");
-  return t;
+function o() {
+	let e = n(t);
+	if (!e) throw Error("useInjectedToast must be used after provideToast");
+	return e;
 }
-export {
-  l as createToastInstance,
-  f as injectToastInstance,
-  p as useToast
-};
+//#endregion
+export { a as createToastInstance, o as injectToastInstance, i as useToast };

package/esm/composables/useToast/types.js

@@ -1,4 +1,4 @@
-const o = Symbol.for("q-toast");
-export {
-  o as ToastSymbol
-};
+//#region src/composables/useToast/types.ts
+var e = Symbol.for("q-toast");
+//#endregion
+export { e as ToastSymbol };

package/esm/framework.js

@@ -1,63 +1,60 @@
-import { DEFAULTS_SYMBOL as c } from "./composables/defaults.js";
-import { ThemeSymbol as h } from "./composables/theme.js";
-import { DismissibleLayerKey as f } from "./symbols/dismissibleLayer.js";
-import { ToastSymbol as d } from "./composables/useToast/types.js";
-import { useDismissibleLayerStack as u } from "./composables/useDismissibleLayerStack/index.js";
-import { createToastInstance as p } from "./composables/useToast/index.js";
-import { defaultLightColorScheme as l, defaultDarkColorScheme as i } from "./templates/theme.js";
-import { ref as n, watch as S } from "vue";
-import { createThemeInstance as T, generateRootStyle as L } from "./utils/theme.js";
-function N(o = {}) {
-  return { install: (t) => {
-    const m = o.components || {};
-    for (const a in m)
-      t.component(a, m[a]);
-    const e = o.defaults || {};
-    t.provide(c, n(e)), y(t, o.themes);
-    const r = u();
-    t.provide(f, r), b(t);
-  } };
+import { defaultDarkColorScheme as e, defaultLightColorScheme as t } from "./templates/theme.js";
+import { DEFAULTS_SYMBOL as n } from "./composables/defaults.js";
+import { createThemeInstance as r, generateRootStyle as i } from "./utils/theme.js";
+import { ThemeSymbol as a } from "./composables/theme.js";
+import { DismissibleLayerKey as o } from "./symbols/dismissibleLayer.js";
+import { useDismissibleLayerStack as s } from "./composables/useDismissibleLayerStack/index.js";
+import { ToastSymbol as c } from "./composables/useToast/types.js";
+import { createToastInstance as l } from "./composables/useToast/index.js";
+import { ref as u, watch as d } from "vue";
+//#region src/framework.ts
+function f(e = {}) {
+	return { install: (t) => {
+		let r = e.components || {};
+		for (let e in r) t.component(e, r[e]);
+		let i = e.defaults || {};
+		t.provide(n, u(i)), p(t, e.themes);
+		let a = s();
+		t.provide(o, a), m(t);
+	} };
 }
-function y(o, s) {
-  const t = [];
-  let m;
-  if (s)
-    for (const e of s.themes) {
-      const a = { ...e.mode === "light" ? l : i, ...e.colors };
-      t.push({
-        name: e.name,
-        mode: e.mode,
-        scheme: a
-      }), e.name === s.defaultTheme && (m = e.name);
-    }
-  else {
-    const e = [
-      {
-        name: "light",
-        mode: "light",
-        scheme: l
-      },
-      {
-        name: "dark",
-        mode: "dark",
-        scheme: i
-      }
-    ];
-    t.push(...e), m = "light";
-  }
-  if (m) {
-    const e = T(n(m), n(t));
-    L(t), S(e.class, k, { immediate: !0 }), o.provide(h, e);
-  }
+function p(n, o) {
+	let s = [], c;
+	if (o) for (let n of o.themes) {
+		let r = {
+			...n.mode === "light" ? t : e,
+			...n.colors
+		};
+		s.push({
+			name: n.name,
+			mode: n.mode,
+			scheme: r
+		}), n.name === o.defaultTheme && (c = n.name);
+	}
+	else {
+		let n = [{
+			name: "light",
+			mode: "light",
+			scheme: t
+		}, {
+			name: "dark",
+			mode: "dark",
+			scheme: e
+		}];
+		s.push(...n), c = "light";
+	}
+	if (c) {
+		let e = r(u(c), u(s));
+		i(s), d(e.class, h, { immediate: !0 }), n.provide(a, e);
+	}
 }
-function b(o) {
-  const s = p();
-  o.provide(d, s);
+function m(e) {
+	let t = l();
+	e.provide(c, t);
 }
-function k(o) {
-  const s = document.documentElement, m = Array.from(s.classList).filter((e) => !e.startsWith("q-theme"));
-  s.className = m.join(" "), s.classList.add(o);
+function h(e) {
+	let t = document.documentElement;
+	t.className = Array.from(t.classList).filter((e) => !e.startsWith("q-theme")).join(" "), t.classList.add(e);
 }
-export {
-  N as createFramework
-};
+//#endregion
+export { f as createFramework };

package/esm/index.js

@@ -1,18 +1,14 @@
-import * as t from "./templates/index.js";
-import * as r from "./components/index.js";
-import * as m from "./utils/index.js";
-import { createFramework as o } from "./framework.js";
-import { provideTheme as n, useTheme as x } from "./composables/theme.js";
-import { useDialog as c } from "./composables/useDialog/index.js";
-import { useToast as d } from "./composables/useToast/index.js";
-const s = (e = {}) => o({ components: r, ...e });
-export {
-  r as components,
-  s as createFramework,
-  n as provideTheme,
-  t as templates,
-  c as useDialog,
-  x as useTheme,
-  d as useToast,
-  m as utils
-};
+import { templates_exports as e } from "./templates/index.js";
+import { provideTheme as t, useTheme as n } from "./composables/theme.js";
+import { useDialog as r } from "./composables/useDialog/index.js";
+import { useToast as i } from "./composables/useToast/index.js";
+import { components_exports as a } from "./components/index.js";
+import { utils_exports as o } from "./utils/index.js";
+import { createFramework as s } from "./framework.js";
+//#region src/index.ts
+var c = (e = {}) => s({
+	components: a,
+	...e
+});
+//#endregion
+export { a as components, c as createFramework, t as provideTheme, e as templates, r as useDialog, n as useTheme, i as useToast, o as utils };

package/esm/symbols/dismissibleLayer.js

@@ -1,4 +1,4 @@
-const s = Symbol.for("DismissibleLayer");
-export {
-  s as DismissibleLayerKey
-};
+//#region src/symbols/dismissibleLayer.ts
+var e = Symbol.for("DismissibleLayer");
+//#endregion
+export { e as DismissibleLayerKey };

package/esm/templates/index.js

@@ -1,5 +1,9 @@
-import { defaultDarkColorScheme as r, defaultLightColorScheme as l } from "./theme.js";
-export {
-  r as defaultDarkColorScheme,
-  l as defaultLightColorScheme
-};
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import { defaultDarkColorScheme as t, defaultLightColorScheme as n } from "./theme.js";
+//#region src/templates/index.ts
+var r = /* @__PURE__ */ e({
+	defaultDarkColorScheme: () => t,
+	defaultLightColorScheme: () => n
+});
+//#endregion
+export { t as defaultDarkColorScheme, n as defaultLightColorScheme, r as templates_exports };

package/esm/templates/theme.js

@@ -1,111 +1,110 @@
-const n = {
-  primary: "#008ad2",
-  primaryLight: "#cde5ff",
-  primaryDark: "#006398",
-  secondary: "#001d31",
-  secondaryLight: "#e6eef3",
-  secondaryDark: "#001425",
-  highlight: "#ff8241",
-  highlightLight: "#ffe4d6",
-  highlightDark: "#cc4700",
-  info: "#17a2b8",
-  infoLight: "#bceff7",
-  infoDark: "#11798a",
-  success: "#28a745",
-  successLight: "#c2f0cd",
-  successDark: "#1e7d34",
-  warning: "#ffa900",
-  warningLight: "#ffeabf",
-  warningDark: "#bf7f00",
-  danger: "#b71c1c",
-  dangerLight: "#f7cccc",
-  dangerDark: "#891515",
-  background: "#fff",
-  container: "#fff",
-  neutral: "#7c858d",
-  neutralLight: "#c4c5ca",
-  neutralDark: "#40474f",
-  onPrimary: "#fff",
-  onPrimaryLight: "#202428",
-  onPrimaryDark: "#fff",
-  onSecondary: "#fff",
-  onSecondaryLight: "#202428",
-  onSecondaryDark: "#fff",
-  onHighlight: "#fff",
-  onHighlightLight: "#202428",
-  onHighlightDark: "#fff",
-  onInfo: "#fff",
-  onInfoLight: "#202428",
-  onInfoDark: "#fff",
-  onSuccess: "#fff",
-  onSuccessLight: "#202428",
-  onSuccessDark: "#fff",
-  onWarning: "#fff",
-  onWarningLight: "#202428",
-  onWarningDark: "#fff",
-  onDanger: "#fff",
-  onDangerLight: "#202428",
-  onDangerDark: "#fff",
-  onBackground: "#202428",
-  onContainer: "#202428",
-  onNeutral: "#fff",
-  onNeutralLight: "#202428",
-  onNeutralDark: "#fff"
-}, a = {
-  primary: "#4da6e0",
-  primaryLight: "#1a2832",
-  primaryDark: "#87c5f0",
-  secondary: "#b8d4e6",
-  secondaryLight: "#1a2832",
-  secondaryDark: "#e6f2ff",
-  highlight: "#ff9966",
-  highlightLight: "#2d1a0f",
-  highlightDark: "#ffb899",
-  info: "#4cb8d1",
-  infoLight: "#1f2a2d",
-  infoDark: "#7dcce0",
-  success: "#5cb85c",
-  successLight: "#1e2a20",
-  successDark: "#85d085",
-  warning: "#ffcc4d",
-  warningLight: "#332a1a",
-  warningDark: "#ffd966",
-  danger: "#e74c3c",
-  dangerLight: "#2d1a1a",
-  dangerDark: "#f17066",
-  background: "#121212",
-  container: "#1e1e1e",
-  neutral: "#9ca3ab",
-  neutralLight: "#2a2d31",
-  neutralDark: "#c8ced6",
-  onPrimary: "#000",
-  onPrimaryLight: "#e0e0e0",
-  onPrimaryDark: "#000",
-  onSecondary: "#000",
-  onSecondaryLight: "#e0e0e0",
-  onSecondaryDark: "#000",
-  onHighlight: "#000",
-  onHighlightLight: "#e0e0e0",
-  onHighlightDark: "#000",
-  onInfo: "#000",
-  onInfoLight: "#e0e0e0",
-  onInfoDark: "#000",
-  onSuccess: "#000",
-  onSuccessLight: "#e0e0e0",
-  onSuccessDark: "#000",
-  onWarning: "#000",
-  onWarningLight: "#e0e0e0",
-  onWarningDark: "#000",
-  onDanger: "#000",
-  onDangerLight: "#e0e0e0",
-  onDangerDark: "#000",
-  onBackground: "#e0e0e0",
-  onContainer: "#e0e0e0",
-  onNeutral: "#000",
-  onNeutralLight: "#e0e0e0",
-  onNeutralDark: "#000"
-};
-export {
-  a as defaultDarkColorScheme,
-  n as defaultLightColorScheme
+//#region src/templates/theme.ts
+var e = {
+	primary: "#008ad2",
+	primaryLight: "#cde5ff",
+	primaryDark: "#006398",
+	secondary: "#001d31",
+	secondaryLight: "#e6eef3",
+	secondaryDark: "#001425",
+	highlight: "#ff8241",
+	highlightLight: "#ffe4d6",
+	highlightDark: "#cc4700",
+	info: "#17a2b8",
+	infoLight: "#bceff7",
+	infoDark: "#11798a",
+	success: "#28a745",
+	successLight: "#c2f0cd",
+	successDark: "#1e7d34",
+	warning: "#ffa900",
+	warningLight: "#ffeabf",
+	warningDark: "#bf7f00",
+	danger: "#b71c1c",
+	dangerLight: "#f7cccc",
+	dangerDark: "#891515",
+	background: "#fff",
+	container: "#fff",
+	neutral: "#7c858d",
+	neutralLight: "#c4c5ca",
+	neutralDark: "#40474f",
+	onPrimary: "#fff",
+	onPrimaryLight: "#202428",
+	onPrimaryDark: "#fff",
+	onSecondary: "#fff",
+	onSecondaryLight: "#202428",
+	onSecondaryDark: "#fff",
+	onHighlight: "#fff",
+	onHighlightLight: "#202428",
+	onHighlightDark: "#fff",
+	onInfo: "#fff",
+	onInfoLight: "#202428",
+	onInfoDark: "#fff",
+	onSuccess: "#fff",
+	onSuccessLight: "#202428",
+	onSuccessDark: "#fff",
+	onWarning: "#fff",
+	onWarningLight: "#202428",
+	onWarningDark: "#fff",
+	onDanger: "#fff",
+	onDangerLight: "#202428",
+	onDangerDark: "#fff",
+	onBackground: "#202428",
+	onContainer: "#202428",
+	onNeutral: "#fff",
+	onNeutralLight: "#202428",
+	onNeutralDark: "#fff"
+}, t = {
+	primary: "#4da6e0",
+	primaryLight: "#1a2832",
+	primaryDark: "#87c5f0",
+	secondary: "#b8d4e6",
+	secondaryLight: "#1a2832",
+	secondaryDark: "#e6f2ff",
+	highlight: "#ff9966",
+	highlightLight: "#2d1a0f",
+	highlightDark: "#ffb899",
+	info: "#4cb8d1",
+	infoLight: "#1f2a2d",
+	infoDark: "#7dcce0",
+	success: "#5cb85c",
+	successLight: "#1e2a20",
+	successDark: "#85d085",
+	warning: "#ffcc4d",
+	warningLight: "#332a1a",
+	warningDark: "#ffd966",
+	danger: "#e74c3c",
+	dangerLight: "#2d1a1a",
+	dangerDark: "#f17066",
+	background: "#121212",
+	container: "#1e1e1e",
+	neutral: "#9ca3ab",
+	neutralLight: "#2a2d31",
+	neutralDark: "#c8ced6",
+	onPrimary: "#000",
+	onPrimaryLight: "#e0e0e0",
+	onPrimaryDark: "#000",
+	onSecondary: "#000",
+	onSecondaryLight: "#e0e0e0",
+	onSecondaryDark: "#000",
+	onHighlight: "#000",
+	onHighlightLight: "#e0e0e0",
+	onHighlightDark: "#000",
+	onInfo: "#000",
+	onInfoLight: "#e0e0e0",
+	onInfoDark: "#000",
+	onSuccess: "#000",
+	onSuccessLight: "#e0e0e0",
+	onSuccessDark: "#000",
+	onWarning: "#000",
+	onWarningLight: "#e0e0e0",
+	onWarningDark: "#000",
+	onDanger: "#000",
+	onDangerLight: "#e0e0e0",
+	onDangerDark: "#000",
+	onBackground: "#e0e0e0",
+	onContainer: "#e0e0e0",
+	onNeutral: "#000",
+	onNeutralLight: "#e0e0e0",
+	onNeutralDark: "#000"
 };
+//#endregion
+export { t as defaultDarkColorScheme, e as defaultLightColorScheme };

package/esm/utils/color/contrast.js

@@ -1,13 +1,12 @@
-import { rgbToHex as t } from "./conversion.js";
-import { parseColor as e } from "./parse.js";
-function g(o) {
-  return o > 50 ? "#000" : "#fff";
+import { rgbToHex as e } from "./conversion.js";
+import { parseColor as t } from "./parse.js";
+//#region src/utils/color/contrast.ts
+function n(e) {
+	return e > 50 ? "#000" : "#fff";
 }
-function l(o) {
-  const r = e(o);
-  return r.r = 255 - r.r, r.g = 255 - r.g, r.b = 255 - r.b, t(r);
+function r(n) {
+	let r = t(n);
+	return r.r = 255 - r.r, r.g = 255 - r.g, r.b = 255 - r.b, e(r);
 }
-export {
-  l as getComplementaryColor,
-  g as getContrastingColor
-};
+//#endregion
+export { r as getComplementaryColor, n as getContrastingColor };