@quidgest/ui 0.11.0 → 0.12.1

package/esm/components/QTooltip/QTooltip.vue.js

@@ -0,0 +1,74 @@
+import { defineComponent as i, mergeModels as s, useModel as c, openBlock as a, createElementBlock as t, Fragment as p, renderSlot as m, unref as l, createVNode as u, normalizeClass as f, withCtx as h, toDisplayString as y } from "vue";
+import "../QOverlay/index.js";
+import { useId as g } from "../../composables/uid.js";
+import _ from "../QOverlay/QOverlay.vue.js";
+const b = ["innerHTML"], v = { key: 1 }, V = /* @__PURE__ */ i({
+  __name: "QTooltip",
+  props: /* @__PURE__ */ s({
+    id: { default: void 0 },
+    anchor: {},
+    appearance: { default: "inverted" },
+    arrow: { type: Boolean, default: !0 },
+    attach: { default: "body" },
+    inline: { type: Boolean },
+    delay: { default: 500 },
+    disabled: { type: Boolean },
+    html: { type: Boolean, default: !0 },
+    placement: { default: "right" },
+    text: {},
+    trigger: { default: "hover" },
+    class: { default: void 0 }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const e = o, n = c(o, "modelValue"), r = g(e.id);
+    return (d, B) => (a(), t(
+      p,
+      null,
+      [
+        m(d.$slots, "anchor", {
+          props: { "aria-describedby": l(r) }
+        }),
+        u(l(_), {
+          "model-value": n.value,
+          anchor: e.anchor,
+          role: "tooltip",
+          "non-modal": "",
+          id: l(r),
+          appearance: e.appearance,
+          arrow: e.arrow,
+          attach: e.attach,
+          inline: e.inline,
+          class: f(["q-tooltip", e.class]),
+          delay: e.delay,
+          disabled: e.disabled,
+          placement: e.placement,
+          trigger: e.trigger
+        }, {
+          default: h(() => [
+            e.html ? (a(), t("span", {
+              key: 0,
+              innerHTML: e.text
+            }, null, 8, b)) : (a(), t(
+              "span",
+              v,
+              y(e.text),
+              1
+              /* TEXT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["model-value", "anchor", "id", "appearance", "arrow", "attach", "inline", "class", "delay", "disabled", "placement", "trigger"])
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+export {
+  V as default
+};

package/esm/components/QTooltip/QTooltip.vue2.js

@@ -0,0 +1,4 @@
+import f from "./QTooltip.vue.js";
+export {
+  f as default
+};

package/esm/components/QTooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { default as QTooltip } from './QTooltip';
+
+export { QTooltip };
+//# sourceMappingURL=index.d.ts.map

package/esm/components/QTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QTooltip/index.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAQrC,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/esm/components/index.d.ts

@@ -0,0 +1,18 @@
+export * from './QButton';
+export * from './QButtonGroup';
+export * from './QButtonToggle';
+export * from './QCombobox';
+export * from './QField';
+export * from './QIcon';
+export * from './QInputGroup';
+export * from './QLineLoader';
+export * from './QList';
+export * from './QOverlay';
+export * from './QPopover';
+export * from './QSelect';
+export * from './QSkeletonLoader';
+export * from './QSpinnerLoader';
+export * from './QTextField';
+export * from './QThemeProvider';
+export * from './QTooltip';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -0,0 +1,46 @@
+import { default as t } from "./QButton/QButton.vue.js";
+import { default as a } from "./QButtonGroup/QButtonGroup.vue.js";
+import { default as l } from "./QButtonToggle/QButtonToggle.vue.js";
+import { default as u } from "./QCombobox/QCombobox.vue.js";
+import { default as m } from "./QInputGroup/QInputGroup.vue.js";
+import { default as x } from "./QLineLoader/QLineLoader.vue.js";
+import { default as n } from "./QPopover/QPopover.vue.js";
+import { default as I } from "./QSelect/QSelect.vue.js";
+import { default as c } from "./QSkeletonLoader/QSkeletonLoader.vue.js";
+import { default as v } from "./QThemeProvider/QThemeProvider.vue.js";
+import { default as T } from "./QTooltip/QTooltip.vue.js";
+import { default as F } from "./QField/QField.vue.js";
+import { default as b } from "./QIcon/QIcon.vue.js";
+import { default as h } from "./QIcon/QIconFont.vue.js";
+import { default as y } from "./QIcon/QIconImg.vue.js";
+import { default as O } from "./QIcon/QIconSvg.vue.js";
+import { default as q } from "./QList/QList.vue.js";
+import { default as z } from "./QList/QListItem.vue.js";
+import { default as D } from "./QList/QListItemGroup.vue.js";
+import { default as H } from "./QOverlay/QOverlay.vue.js";
+import { default as K } from "./QSpinnerLoader/QSpinnerLoader.vue.js";
+import { default as N } from "./QTextField/QTextField.vue.js";
+export {
+  t as QButton,
+  a as QButtonGroup,
+  l as QButtonToggle,
+  u as QCombobox,
+  F as QField,
+  b as QIcon,
+  h as QIconFont,
+  y as QIconImg,
+  O as QIconSvg,
+  m as QInputGroup,
+  x as QLineLoader,
+  q as QList,
+  z as QListItem,
+  D as QListItemGroup,
+  H as QOverlay,
+  n as QPopover,
+  I as QSelect,
+  c as QSkeletonLoader,
+  K as QSpinnerLoader,
+  N as QTextField,
+  v as QThemeProvider,
+  T as QTooltip
+};

package/esm/composables/defaults.d.ts

@@ -0,0 +1,25 @@
+import { ComputedRef } from 'vue';
+
+export declare const DEFAULTS_SYMBOL = "q-defaults";
+export type Defaults = Record<string | symbol, ComponentDefaults>;
+export type ComponentDefaults = Record<string | symbol, unknown>;
+export declare function useDefaults(): ComputedRef<ComponentDefaults | undefined>;
+/**
+ * Function to provide or update default values using the Vue.js `provide` function.
+ * It takes a set of default values, merges them with the existing defaults (if any),
+ * and then provides the merged defaults using the specified symbol.
+ *
+ * @param defaults - The default values to be provided or updated.
+ */
+export declare function provideDefaults(defaults: Defaults): void;
+/**
+ * Function to inject default values using the Vue.js `inject` function.
+ * It retrieves the default values from the specified symbol and ensures
+ * that the returned value is of type `ComputedRef<Defaults>`.
+ *
+ * @throws {Error} Throws an error if the defaults instance is not found.
+ *
+ * @returns {ComputedRef<Defaults>} A computed reference to the default values.
+ */
+export declare function injectDefaults(): ComputedRef<Defaults>;
+//# sourceMappingURL=defaults.d.ts.map

package/esm/composables/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/composables/defaults.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAOtC,eAAO,MAAM,eAAe,eAAe,CAAA;AAE3C,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAA;AAEhE,wBAAgB,WAAW,IAAI,WAAW,CAAC,iBAAiB,GAAG,SAAS,CAAC,CAgBxE;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAYxD;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,CAMtD"}

package/esm/composables/defaults.js

@@ -0,0 +1,33 @@
+import { isEmpty as s } from "../utils/isEmpty.js";
+import { merge as a } from "../utils/merge.js";
+import { ref as m, computed as f, provide as d, inject as p, getCurrentInstance as v } from "vue";
+const i = "q-defaults";
+function E() {
+  var r, u;
+  const e = v();
+  if (!e)
+    throw new Error("[Quidgest UI] useDefaults must be called from inside a setup function");
+  const t = e.type.name ?? e.type.__name;
+  if (!t)
+    throw new Error("[Quidgest UI] Could not determine component name");
+  const n = l(), o = (r = n.value) == null ? void 0 : r.Global, c = (u = n.value) == null ? void 0 : u[t];
+  return f(() => a(o, c));
+}
+function I(e) {
+  if (s(e))
+    return;
+  const t = l(), n = m(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
+  d(i, o);
+}
+function l() {
+  const e = p(i, void 0);
+  if (!e)
+    throw new Error("[Quidgest UI] Could not find defaults instance");
+  return e;
+}
+export {
+  i as DEFAULTS_SYMBOL,
+  l as injectDefaults,
+  I as provideDefaults,
+  E as useDefaults
+};

package/esm/composables/index.d.ts

@@ -0,0 +1,2 @@
+export { useTheme, provideTheme } from './theme';
+//# sourceMappingURL=index.d.ts.map

package/esm/composables/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA"}

package/esm/composables/overlay.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Appearance of the overlay.
+ */
+export type Appearance = 'regular' | 'inverted';
+/**
+ * Triggering mechanism for the overlay.
+ */
+export type Trigger = 'hover' | 'click' | 'manual';
+/**
+ * Axis along which position adjustments are made.
+ */
+export type Axis = 'x' | 'y';
+/**
+ * Side of the overlay, relative to the anchor element.
+ */
+export type Side = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Alignment of the overlay, along the alignment axis.
+ */
+export type Alignment = 'start' | 'end';
+/**
+ * Placement of the overlay.
+ * It can be a single side or a combination of side and alignment.
+ * Example: 'top', 'bottom-start', 'left-end', etc.
+ */
+export type Placement = Side | `${Side}-${Alignment}`;
+/**
+ * Coordinates interface representing the position of an element.
+ */
+export interface Coords {
+    x: number;
+    y: number;
+}
+/**
+ * Options for computing the position of the overlay.
+ */
+export type ComputePositionOptions = {
+    /**
+     * The preferred placement of the overlay.
+     */
+    placement?: Placement;
+    /**
+     * The offset to fine-tune the positioning of the overlay relative to the anchor element.
+     */
+    offset?: number;
+    /**
+     * Whether to compute the position of the overlay arrow.
+     */
+    arrow?: boolean;
+};
+/**
+ * Result of computing the position of the overlay.
+ */
+export interface ComputePositionResult {
+    /**
+     * The computed coordinates for the overlay.
+     */
+    overlayCoords: Coords;
+    /**
+     * The computed coordinates for the arrow.
+     */
+    arrowCoords?: Partial<Coords>;
+    /**
+     * The chosen placement of the overlay.
+     */
+    placement: Placement;
+}
+/**
+ * Computes the position of an overlay relative to an anchor element,
+ * optionally positioning an arrow element as well.
+ * @param anchorEl The anchor element to which the overlay is positioned relative.
+ * @param overlayEl The overlay element whose position is being computed.
+ * @param arrowEl Optional. The arrow element whose position is being computed, if any.
+ * @param options Optional. Additional options for computing the position.
+ * @returns An object containing the computed overlay coordinates, arrow coordinates (if applicable),
+ * and the chosen placement.
+ */
+export declare function computePosition(anchorEl: Element, overlayEl: Element, arrowEl?: Element, options?: ComputePositionOptions): ComputePositionResult;
+/** Utilities */
+/**
+ * Returns the opposite axis of the given axis.
+ * @param axis - The axis ('x' or 'y').
+ * @returns The opposite axis ('y' if 'x' is given, and vice versa).
+ */
+export declare function getOppositeAxis(axis: Axis): Axis;
+/**
+ * Returns the main axis based on the placement.
+ * @param placement - The placement of the overlay relative to the anchor.
+ * @returns The main axis ('x' if placement is 'left' or 'right', otherwise 'y').
+ */
+export declare function getMainAxis(placement: Placement): Axis;
+/**
+ * Returns the alignment axis based on the placement.
+ * @param placement - The placement of the overlay relative to the anchor.
+ * @returns The alignment axis ('x' if main axis is 'y', and vice versa).
+ */
+export declare function getAlignmentAxis(placement: Placement): Axis;
+/**
+ * Returns the side from the given placement.
+ * @param placement - The placement of the overlay relative to the anchor.
+ * @returns The side ('top', 'bottom', 'left', or 'right').
+ */
+export declare function getSideFromPlacement(placement: Placement): Side;
+/**
+ * Returns the alignment from the given placement.
+ * @param placement - The placement of the overlay relative to the anchor.
+ * @returns The alignment ('start' or 'end') or undefined if not present.
+ */
+export declare function getAlignmentFromPlacement(placement: Placement): Alignment | undefined;
+/**
+ * Checks if the provided overflow result is out of bounds.
+ * @param overflowResult The result of an overflow calculation.
+ * @returns A boolean indicating whether the overflow result is out of bounds (true) or not (false).
+ */
+export declare function isOutOfBounds(overflowResult: number): boolean;
+//# sourceMappingURL=overlay.d.ts.map

package/esm/composables/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/composables/overlay.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAElD;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,GAAG,GAAG,GAAG,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,IAAI,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,CAAA;AAEvC;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,GAAG,IAAI,IAAI,SAAS,EAAE,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,MAAM;IACtB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT;AAED;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IAE7B;;OAEG;IACH,SAAS,EAAE,SAAS,CAAA;CACpB;AAKD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAC9B,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,EAClB,OAAO,CAAC,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,sBAAsB,GAC9B,qBAAqB,CA8BvB;AAmPD,gBAAgB;AAEhB;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAEhD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAGtD;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAE3D;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAG/D;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAGrF;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,MAAM,GAAG,OAAO,CAE7D"}

package/esm/composables/overlay.js

@@ -0,0 +1,142 @@
+function M(t, i, n, e) {
+  const d = (e == null ? void 0 : e.offset) ?? 0, o = (e == null ? void 0 : e.placement) ?? "bottom", g = t.getBoundingClientRect(), s = i.getBoundingClientRect(), u = n == null ? void 0 : n.getBoundingClientRect(), r = b(g, s, o, d), h = k(g, s, r), f = C(h, r, d), m = p(f, s, r);
+  let a;
+  if (e != null && e.arrow) {
+    if (!u)
+      throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
+    a = A(m, g, s, u, r);
+  }
+  return { overlayCoords: m, arrowCoords: a, placement: r };
+}
+function b(t, i, n, e) {
+  const d = c(t, i, n, e);
+  if (x(d)) {
+    const o = w(n), s = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }[o], u = c(
+      t,
+      i,
+      s,
+      e
+    );
+    if (x(u))
+      return n;
+    const r = O(n);
+    return r ? `${s}-${r}` : s;
+  }
+  return n;
+}
+function p(t, i, n) {
+  const e = l(n), d = (g, s, u) => Math.min(Math.max(g, s), u), o = { ...t };
+  return e === "x" ? o.x = d(t.x, 8, window.innerWidth - i.width - 8) : o.y = d(t.y, 8, window.innerHeight - i.height - 8), o;
+}
+function C(t, i, n) {
+  const e = w(i);
+  return {
+    x: t.x + (e === "left" ? -n : e === "right" ? n : 0),
+    y: t.y + (e === "top" ? -n : e === "bottom" ? n : 0)
+  };
+}
+function A(t, i, n, e, d) {
+  if (l(d) === "y") {
+    const g = i.top + i.height / 2, s = t.y + n.height / 2, u = s - g, r = n.height / 2 - u - e.height / 2 + 2;
+    if (r > 0 && r < n.height - e.height)
+      return {
+        y: r
+      };
+  } else {
+    const g = i.left + i.width / 2, s = t.x + n.width / 2, u = s - g, r = n.width / 2 - u - e.width / 2 + 2;
+    if (r > 0 && r < n.width - e.width)
+      return {
+        x: r
+      };
+  }
+}
+function k(t, i, n) {
+  const [e, d] = n.split("-"), o = t.x + t.width / 2 - i.width / 2, g = t.y + t.height / 2 - i.height / 2;
+  let s;
+  switch (e) {
+    case "top":
+      s = { x: o, y: t.y - i.height };
+      break;
+    case "bottom":
+      s = { x: o, y: t.y + t.height };
+      break;
+    case "left":
+      s = { x: t.x - i.width, y: g };
+      break;
+    case "right":
+      s = { x: t.x + t.width, y: g };
+      break;
+    default:
+      throw new Error(`[Quidgest UI] Invalid placement value: ${n}`);
+  }
+  if (!d)
+    return s;
+  const r = l(n) === "y" ? "height" : "width", h = l(n), f = t[r] / 2 - i[r] / 2;
+  switch (d) {
+    case "start":
+      s[h] -= f;
+      break;
+    case "end":
+      s[h] += f;
+      break;
+    default:
+      throw new Error(`[Quidgest UI] Invalid alignment value: ${d}`);
+  }
+  return s;
+}
+function c(t, i, n, e) {
+  const d = w(n);
+  let o = 0;
+  switch (d) {
+    case "top":
+      o = t.top - (i.height + e);
+      break;
+    case "bottom":
+      o = window.innerHeight - t.bottom - (i.height + e);
+      break;
+    case "left":
+      o = t.left - (i.width + e);
+      break;
+    case "right":
+      o = window.innerWidth - t.right - (i.width + e);
+      break;
+    default:
+      throw new Error(`[Quidgest UI] Invalid side value: ${d}`);
+  }
+  return o;
+}
+function y(t) {
+  return t === "x" ? "y" : "x";
+}
+function I(t) {
+  const i = w(t);
+  return ["left", "right"].includes(i) ? "x" : "y";
+}
+function l(t) {
+  return y(I(t));
+}
+function w(t) {
+  const [i] = t.split("-");
+  return i;
+}
+function O(t) {
+  const [, i] = t.split("-");
+  return i;
+}
+function x(t) {
+  return t < 0;
+}
+export {
+  M as computePosition,
+  l as getAlignmentAxis,
+  O as getAlignmentFromPlacement,
+  I as getMainAxis,
+  y as getOppositeAxis,
+  w as getSideFromPlacement,
+  x as isOutOfBounds
+};

package/esm/composables/theme.d.ts

@@ -0,0 +1,18 @@
+import { ThemeInstance } from '../framework';
+
+export declare const THEME_SYMBOL = "q-theme";
+/**
+ * Custom hook for accessing the theme configuration in context.
+ *
+ * @returns The current theme configuration.
+ */
+export declare function useTheme(): ThemeInstance;
+/**
+ * Provides a theme with the specified name using the current theme configuration.
+ *
+ * @param name - The name of the theme to provide.
+ *
+ * @returns The active theme.
+ */
+export declare function provideTheme(name: string): ThemeInstance;
+//# sourceMappingURL=theme.d.ts.map

package/esm/composables/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAKhD,eAAO,MAAM,YAAY,YAAY,CAAA;AAErC;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,iBAWxC"}

package/esm/composables/theme.js

@@ -0,0 +1,20 @@
+import { inject as r, ref as m, provide as h } from "vue";
+const n = "q-theme";
+function i() {
+  const e = r(n);
+  if (!e)
+    throw new Error("[Quidgest UI] Could not find theme instance");
+  return e;
+}
+function s(e) {
+  const o = i(), t = {
+    activeTheme: m(e),
+    themes: o.themes
+  };
+  return h(n, t), t;
+}
+export {
+  n as THEME_SYMBOL,
+  s as provideTheme,
+  i as useTheme
+};

package/esm/composables/uid.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Custom hook to generate unique IDs.
+ *
+ * @param [componentId] - Optional component-specific ID.
+ * @returns - A unique ID.
+ */
+export declare function useId(componentId?: string): string;
+//# sourceMappingURL=uid.d.ts.map

package/esm/composables/uid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uid.d.ts","sourceRoot":"","sources":["../../src/composables/uid.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAElD"}

package/esm/composables/uid.js

@@ -0,0 +1,7 @@
+let e = 0;
+function r(u) {
+  return u || `uid-${++e}`;
+}
+export {
+  r as useId
+};

package/esm/framework.d.ts

@@ -0,0 +1,29 @@
+import { Defaults } from './composables/defaults';
+import { Component, Plugin, Ref } from 'vue';
+import { ColorScheme } from './utils/color';
+
+export type FrameworkConfig = {
+    components?: Record<string, Component>;
+    themes?: AppThemes;
+    defaults?: Defaults;
+};
+export type ThemeMode = 'light' | 'dark';
+export type AppThemes = {
+    defaultTheme: string;
+    themes: Array<{
+        name: string;
+        mode: ThemeMode;
+        colors?: Partial<ColorScheme>;
+    }>;
+};
+export type ThemeDefinition = {
+    name: string;
+    mode: ThemeMode;
+    scheme: ColorScheme;
+};
+export type ThemeInstance = {
+    activeTheme: Ref<string>;
+    themes: ThemeDefinition[];
+};
+export declare function createFramework(config?: FrameworkConfig): Plugin;
+//# sourceMappingURL=framework.d.ts.map

package/esm/framework.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,MAAM,MAAM,eAAe,GAAG;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC,MAAM,MAAM,SAAS,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,SAAS,CAAA;QACf,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,EAAE,eAAe,EAAE,CAAA;CACzB,CAAA;AAED,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}

package/esm/framework.js

@@ -0,0 +1,47 @@
+import { DEFAULTS_SYMBOL as c } from "./composables/defaults.js";
+import { THEME_SYMBOL as i } from "./composables/theme.js";
+import { defaultLightColorScheme as a, defaultDarkColorScheme as h } from "./templates/theme.js";
+import { ref as n, watch as f } from "vue";
+import { generateRootStyle as d } from "./utils/theme.js";
+function E(m = {}) {
+  return { install: (o) => {
+    const t = m.components || {};
+    for (const l in t)
+      o.component(l, t[l]);
+    const e = m.defaults || {};
+    o.provide(c, n(e)), u(o, m.themes);
+  } };
+}
+function u(m, s) {
+  const o = [];
+  let t;
+  if (!s)
+    t = "default", o.push({
+      name: t,
+      mode: "light",
+      scheme: a
+    });
+  else
+    for (const e of s.themes) {
+      const r = { ...e.mode === "light" ? a : h, ...e.colors };
+      o.push({
+        name: e.name,
+        mode: e.mode,
+        scheme: r
+      }), e.name === s.defaultTheme && (t = e.name);
+    }
+  if (t) {
+    const e = {
+      activeTheme: n(t),
+      themes: o
+    };
+    d(o), f(e.activeTheme, p, { immediate: !0 }), m.provide(i, e);
+  }
+}
+function p(m) {
+  const s = document.documentElement, t = Array.from(s.classList).filter((e) => !e.startsWith("q-theme"));
+  s.className = t.join(" "), s.classList.add(`q-theme--${m}`);
+}
+export {
+  E as createFramework
+};