@quidgest/ui 0.16.3 → 0.16.5

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

@@ -1,11 +1,11 @@
-import { defineComponent as g, mergeModels as V, useModel as v, onMounted as B, onUnmounted as _, watch as k, createElementBlock as l, openBlock as a, Fragment as m, renderSlot as p, createVNode as M, unref as n, normalizeClass as w, withCtx as x, createElementVNode as C, createBlock as N, createCommentVNode as T, normalizeProps as A, mergeProps as D, createTextVNode as Q, toDisplayString as q } from "vue";
-import { QIcon as z } from "../QIcon/index.js";
-import { QOverlay as H } from "../QOverlay/index.js";
-import { useId as I } from "../../composables/uid.js";
-import { getElement as u } from "../../utils/getElement.js";
-const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ */ g({
+import { defineComponent as b, mergeModels as g, useModel as v, onUnmounted as V, watch as B, createElementBlock as d, openBlock as a, Fragment as u, renderSlot as p, createVNode as _, unref as n, normalizeClass as k, withCtx as w, createElementVNode as A, createBlock as x, createCommentVNode as C, normalizeProps as E, mergeProps as M, createTextVNode as N, toDisplayString as T } from "vue";
+import { QIcon as D } from "../QIcon/index.js";
+import { QOverlay as L } from "../QOverlay/index.js";
+import { useId as Q } from "../../composables/uid.js";
+import { getElement as q } from "../../utils/getElement.js";
+const z = { class: "q-tooltip__content" }, H = ["innerHTML"], F = /* @__PURE__ */ b({
   __name: "QTooltip",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ g({
     id: {},
     class: {},
     anchor: {},
@@ -25,38 +25,37 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const e = i, d = v(i, "modelValue"), r = I(e.id);
-    function c(o) {
-      const t = u(o);
-      t == null || t.setAttribute("aria-describedby", r);
+  setup(c) {
+    const e = c, r = v(c, "modelValue"), l = Q(e.id);
+    function s() {
+      return e.anchor ? q(e.anchor) : void 0;
     }
-    function f() {
-      e.anchor && c(e.anchor);
+    function m() {
+      var t;
+      (t = s()) == null || t.setAttribute("aria-describedby", l);
     }
-    B(f);
-    function s(o) {
-      const t = u(o);
-      t == null || t.removeAttribute("aria-describedby");
+    function i() {
+      var t;
+      (t = s()) == null || t.removeAttribute("aria-describedby");
     }
-    function y() {
-      e.anchor && s(e.anchor);
+    function f() {
+      e.anchor && i();
     }
-    _(y);
-    function h(o, t) {
-      t && s(t), o && c(o);
+    V(f);
+    function h(t, o) {
+      o && i(), t && r && m();
     }
-    return k(() => e.anchor, h), (o, t) => (a(), l(
-      m,
+    return B(() => e.anchor, h), (t, o) => (a(), d(
+      u,
       null,
       [
-        p(o.$slots, "anchor", {
-          props: { "aria-describedby": n(r) }
+        p(t.$slots, "anchor", {
+          props: { "aria-describedby": n(l) }
         }),
-        M(n(H), {
-          id: n(r),
-          modelValue: d.value,
-          "onUpdate:modelValue": t[0] || (t[0] = (b) => d.value = b),
+        _(n(L), {
+          id: n(l),
+          modelValue: r.value,
+          "onUpdate:modelValue": o[0] || (o[0] = (y) => r.value = y),
           anchor: e.anchor,
           role: "tooltip",
           "non-modal": "",
@@ -64,31 +63,33 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
           arrow: e.arrow,
           attach: e.attach,
           inline: e.inline,
-          class: w(["q-tooltip", e.class]),
+          class: k(["q-tooltip", e.class]),
           delay: e.delay,
           disabled: e.disabled,
           placement: e.placement,
-          trigger: e.trigger
+          trigger: e.trigger,
+          onEnter: m,
+          onLeave: i
         }, {
-          default: x(() => [
-            C("div", L, [
-              p(o.$slots, "default", {}, () => [
-                e.icon ? (a(), N(
-                  n(z),
-                  A(D({ key: 0 }, e.icon)),
+          default: w(() => [
+            A("div", z, [
+              p(t.$slots, "default", {}, () => [
+                e.icon ? (a(), x(
+                  n(D),
+                  E(M({ key: 0 }, e.icon)),
                   null,
                   16
                   /* FULL_PROPS */
-                )) : T("v-if", !0),
-                e.html ? (a(), l("span", {
+                )) : C("v-if", !0),
+                e.html ? (a(), d("span", {
                   key: 1,
                   innerHTML: e.text
-                }, null, 8, P)) : (a(), l(
-                  m,
+                }, null, 8, H)) : (a(), d(
+                  u,
                   { key: 2 },
                   [
-                    Q(
-                      q(e.text),
+                    N(
+                      T(e.text),
                       1
                       /* TEXT */
                     )
@@ -109,5 +110,5 @@ const L = { class: "q-tooltip__content" }, P = ["innerHTML"], O = /* @__PURE__ *
   }
 });
 export {
-  O as default
+  F as default
 };

package/esm/components/index.d.ts

@@ -11,10 +11,12 @@ export * from './QCombobox';
 export * from './QDateTimePicker';
 export * from './QDialog';
 export * from './QDismissibleLayer';
+export * from './QDivider';
 export * from './QDropdownMenu';
 export * from './QField';
 export * from './QFileUpload';
 export * from './QFocusTrap';
+export * from './QGrid';
 export * from './QIcon';
 export * from './QInputGroup';
 export * from './QLabel';
@@ -27,6 +29,7 @@ export * from './QPopover';
 export * from './QPropertyList';
 export * from './QRadioGroup';
 export * from './QSelect';
+export * from './QSidebar';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
 export * from './QTextArea';

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

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

package/esm/components/index.js

@@ -3,38 +3,41 @@ import { QBadge as Q } from "./QBadge/index.js";
 import { QBadgeIndicator as x } from "./QBadgeIndicator/index.js";
 import { QButton as i } from "./QButton/index.js";
 import { QButtonGroup as l } from "./QButtonGroup/index.js";
-import { QCard as d } from "./QCard/index.js";
+import { QCard as n } from "./QCard/index.js";
 import { QCheckbox as s, QCheckboxLabel as L } from "./QCheckbox/index.js";
 import { QCollapsible as g } from "./QCollapsible/index.js";
 import { QColorPicker as P } from "./QColorPicker/index.js";
-import { QCombobox as b } from "./QCombobox/index.js";
-import { QDateTimePicker as y } from "./QDateTimePicker/index.js";
-import { QDialog as F } from "./QDialog/index.js";
-import { QDismissibleLayer as B } from "./QDismissibleLayer/index.js";
-import { QDropdownMenu as D } from "./QDropdownMenu/index.js";
-import { QField as h } from "./QField/index.js";
-import { QFileUpload as A } from "./QFileUpload/index.js";
-import { QFocusTrap as M } from "./QFocusTrap/index.js";
-import { QIcon as U, QIconFont as j, QIconImg as q, QIconSvg as z } from "./QIcon/index.js";
-import { QInputGroup as H } from "./QInputGroup/index.js";
-import { QLabel as K } from "./QLabel/index.js";
-import { QLineLoader as V } from "./QLineLoader/index.js";
-import { QList as X, QListItem as Y, QListItemGroup as Z } from "./QList/index.js";
-import { QMeter as $ } from "./QMeter/index.js";
-import { QOverlay as ro } from "./QOverlay/index.js";
-import { QPasswordField as to } from "./QPasswordField/index.js";
-import { QPopover as Qo } from "./QPopover/index.js";
-import { QPropertyList as xo, QPropertyListGroup as fo, QPropertyListPanel as io, QPropertyListRow as ao } from "./QPropertyList/index.js";
-import { QRadioButton as no, QRadioGroup as co } from "./QRadioGroup/index.js";
-import { QSelect as Lo } from "./QSelect/index.js";
-import { QSkeletonLoader as go } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as Po } from "./QSpinnerLoader/index.js";
-import { QTextArea as bo } from "./QTextArea/index.js";
-import { QTextField as yo } from "./QTextField/index.js";
-import { QThemeProvider as Fo } from "./QThemeProvider/index.js";
-import { QToggle as Bo } from "./QToggle/index.js";
-import { QToggleGroup as Do, QToggleGroupItem as So } from "./QToggleGroup/index.js";
-import { QTooltip as wo } from "./QTooltip/index.js";
+import { QCombobox as T } from "./QCombobox/index.js";
+import { QDateTimePicker as G } from "./QDateTimePicker/index.js";
+import { QDialog as y, QDialogProvider as D } from "./QDialog/index.js";
+import { QDismissibleLayer as S } from "./QDismissibleLayer/index.js";
+import { QDivider as B } from "./QDivider/index.js";
+import { QDropdownMenu as R } from "./QDropdownMenu/index.js";
+import { QField as A } from "./QField/index.js";
+import { QFileUpload as O } from "./QFileUpload/index.js";
+import { QFocusTrap as j } from "./QFocusTrap/index.js";
+import { QCol as z, QContainer as E, QRow as H, QSpacer as J } from "./QGrid/index.js";
+import { QIcon as N, QIconFont as V, QIconImg as W, QIconSvg as X } from "./QIcon/index.js";
+import { QInputGroup as Z } from "./QInputGroup/index.js";
+import { QLabel as $ } from "./QLabel/index.js";
+import { QLineLoader as ro } from "./QLineLoader/index.js";
+import { QList as to, QListItem as po, QListItemGroup as Qo } from "./QList/index.js";
+import { QMeter as xo } from "./QMeter/index.js";
+import { QOverlay as io } from "./QOverlay/index.js";
+import { QPasswordField as lo } from "./QPasswordField/index.js";
+import { QPopover as co } from "./QPopover/index.js";
+import { QPropertyList as Lo, QPropertyListGroup as uo, QPropertyListPanel as go, QPropertyListRow as Io } from "./QPropertyList/index.js";
+import { QRadioButton as bo, QRadioGroup as To } from "./QRadioGroup/index.js";
+import { QSelect as Go } from "./QSelect/index.js";
+import { QSidebar as yo } from "./QSidebar/index.js";
+import { QSkeletonLoader as Fo } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as ko } from "./QSpinnerLoader/index.js";
+import { QTextArea as wo } from "./QTextArea/index.js";
+import { QTextField as ho } from "./QTextField/index.js";
+import { QThemeProvider as Mo } from "./QThemeProvider/index.js";
+import { QToggle as Uo } from "./QToggle/index.js";
+import { QToggleGroup as qo, QToggleGroupItem as zo } from "./QToggleGroup/index.js";
+import { QTooltip as Ho } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   t as QAccordionItem,
@@ -42,47 +45,54 @@ export {
   x as QBadgeIndicator,
   i as QButton,
   l as QButtonGroup,
-  d as QCard,
+  n as QCard,
   s as QCheckbox,
   L as QCheckboxLabel,
+  z as QCol,
   g as QCollapsible,
   P as QColorPicker,
-  b as QCombobox,
-  y as QDateTimePicker,
-  F as QDialog,
-  B as QDismissibleLayer,
-  D as QDropdownMenu,
-  h as QField,
-  A as QFileUpload,
-  M as QFocusTrap,
-  U as QIcon,
-  j as QIconFont,
-  q as QIconImg,
-  z as QIconSvg,
-  H as QInputGroup,
-  K as QLabel,
-  V as QLineLoader,
-  X as QList,
-  Y as QListItem,
-  Z as QListItemGroup,
-  $ as QMeter,
-  ro as QOverlay,
-  to as QPasswordField,
-  Qo as QPopover,
-  xo as QPropertyList,
-  fo as QPropertyListGroup,
-  io as QPropertyListPanel,
-  ao as QPropertyListRow,
-  no as QRadioButton,
-  co as QRadioGroup,
-  Lo as QSelect,
-  go as QSkeletonLoader,
-  Po as QSpinnerLoader,
-  bo as QTextArea,
-  yo as QTextField,
-  Fo as QThemeProvider,
-  Bo as QToggle,
-  Do as QToggleGroup,
-  So as QToggleGroupItem,
-  wo as QTooltip
+  T as QCombobox,
+  E as QContainer,
+  G as QDateTimePicker,
+  y as QDialog,
+  D as QDialogProvider,
+  S as QDismissibleLayer,
+  B as QDivider,
+  R as QDropdownMenu,
+  A as QField,
+  O as QFileUpload,
+  j as QFocusTrap,
+  N as QIcon,
+  V as QIconFont,
+  W as QIconImg,
+  X as QIconSvg,
+  Z as QInputGroup,
+  $ as QLabel,
+  ro as QLineLoader,
+  to as QList,
+  po as QListItem,
+  Qo as QListItemGroup,
+  xo as QMeter,
+  io as QOverlay,
+  lo as QPasswordField,
+  co as QPopover,
+  Lo as QPropertyList,
+  uo as QPropertyListGroup,
+  go as QPropertyListPanel,
+  Io as QPropertyListRow,
+  bo as QRadioButton,
+  To as QRadioGroup,
+  H as QRow,
+  Go as QSelect,
+  yo as QSidebar,
+  Fo as QSkeletonLoader,
+  J as QSpacer,
+  ko as QSpinnerLoader,
+  wo as QTextArea,
+  ho as QTextField,
+  Mo as QThemeProvider,
+  Uo as QToggle,
+  qo as QToggleGroup,
+  zo as QToggleGroupItem,
+  Ho as QTooltip
 };

package/esm/composables/index.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/esm/composables/theme.js

@@ -1,15 +1,15 @@
-import { inject as r, provide as c } from "vue";
+import { provide as r, inject as c } from "vue";
 import { createThemeInstance as h } from "../utils/theme.js";
 const n = Symbol.for("q-theme");
 function s() {
-  const e = r(n);
+  const e = c(n);
   if (!e)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return e;
 }
 function u(e) {
   const o = s(), m = o.themes, t = h(e, m);
-  return c(n, t), t;
+  return r(n, t), t;
 }
 export {
   n as ThemeSymbol,

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

@@ -0,0 +1,69 @@
+import { QDialogProps } from '../../components/QDialog/types.ts';
+/**
+ * Manager for dialog models
+ *
+ * @returns Dialog state and functions
+ */
+export declare function useDialog(): {
+    addDialog: (props: QDialogProps, id?: string) => string;
+    removeDialog: (id: string) => void;
+    dialogs: {
+        id: string;
+        props: {
+            id?: string | undefined;
+            class?: string | unknown[] | undefined;
+            title?: string | undefined;
+            text?: string | undefined;
+            icon?: {
+                id?: string | undefined;
+                class?: string | unknown[] | undefined;
+                icon: string;
+                type?: "svg" | "font" | "img" | undefined;
+                size?: number | undefined;
+                color?: string | undefined;
+            } | undefined;
+            buttons?: {
+                id: string;
+                icon?: {
+                    id?: string | undefined;
+                    class?: string | unknown[] | undefined;
+                    icon: string;
+                    type?: "svg" | "font" | "img" | undefined;
+                    size?: number | undefined;
+                    color?: string | undefined;
+                } | undefined;
+                action?: {
+                    (): void;
+                } | undefined;
+                props: {
+                    id?: string | undefined;
+                    class?: string | unknown[] | undefined;
+                    label?: string | undefined;
+                    variant?: import('../../components/QButton/types.ts').QButtonVariant | undefined;
+                    color?: string | undefined;
+                    disabled?: boolean | undefined;
+                    borderless?: boolean | undefined;
+                    elevated?: boolean | undefined;
+                    block?: boolean | undefined;
+                    loading?: boolean | undefined;
+                    size?: import('../../components/QButton/types.ts').QButtonSize | undefined;
+                    iconPos?: import('../../components/QButton/types.ts').QButtonIconPosition | undefined;
+                    pill?: boolean | undefined;
+                };
+            }[] | undefined;
+            attach?: string | undefined;
+            inline?: boolean | undefined;
+            backdropBlur?: boolean | undefined;
+            dismissible?: boolean | undefined;
+            html?: boolean | undefined;
+            icons?: {
+                close: {
+                    icon: string;
+                };
+            } | undefined;
+            size?: import('../../components/QDialog/types.ts').QDialogSize | undefined;
+            centerVertically?: boolean | undefined;
+        };
+    }[];
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AASrE;;;;GAIG;AACH,wBAAgB,SAAS;uBAQE,YAAY,OAAO,MAAM;uBAgBzB,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYhC"}

package/esm/composables/useDialog/index.js

@@ -0,0 +1,21 @@
+import { reactive as s } from "vue";
+import { useId as a } from "../uid.js";
+const d = s({ dialogs: [] });
+function c() {
+  function t(n, i) {
+    const o = a(i);
+    return d.dialogs.push({ id: o, props: n }), o;
+  }
+  function e(n) {
+    const i = d.dialogs.findIndex((o) => o.id === n);
+    i !== -1 && d.dialogs.splice(i, 1);
+  }
+  return {
+    ...d,
+    addDialog: t,
+    removeDialog: e
+  };
+}
+export {
+  c as useDialog
+};

package/esm/composables/useDialog/types.d.ts

@@ -0,0 +1,25 @@
+import { QDialogProps } from '../../components/QDialog/types.ts';
+/**
+ * Represents an instance of a dialog component.
+ */
+type DialogInstance = {
+    /**
+     * A unique identifier for the dialog instance.
+     */
+    id: string;
+    /**
+     * The properties applied to the dialog, conforming to `QDialogProps`.
+     */
+    props: QDialogProps;
+};
+/**
+ * Represents the state for dialog management.
+ */
+export type State = {
+    /**
+     * An array containing the currently active dialog instances.
+     */
+    dialogs: DialogInstance[];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/esm/composables/useDialog/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/composables/useDialog/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAErE;;GAEG;AACH,KAAK,cAAc,GAAG;IACrB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,KAAK,EAAE,YAAY,CAAA;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IACnB;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA"}

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

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+export type DismissibleLayerStack = {
+    layers: Ref<string[]>;
+    register(id: string): void;
+    unregister(id: string): void;
+    isTop(id: string): boolean;
+};
+export declare function useDismissibleLayerStack(): DismissibleLayerStack;
+export declare function useDismissibleLayerStackItem(id: string): {
+    register: () => void;
+    unregister: () => void;
+    isTop: () => boolean;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useDismissibleLayerStack/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAK9B,MAAM,MAAM,qBAAqB,GAAG;IACnC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,UAAU,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,KAAK,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,wBAAwB,IAAI,qBAAqB,CAmBhE;AAED,wBAAgB,4BAA4B,CAAC,EAAE,EAAE,MAAM;;;;EActD"}

package/esm/composables/useDismissibleLayerStack/index.js

@@ -0,0 +1,32 @@
+import { DismissibleLayerKey as u } from "../../symbols/dismissibleLayer.js";
+import { inject as o, ref as a } from "vue";
+function m() {
+  const e = a([]);
+  function i(s) {
+    e.value.push(s);
+  }
+  function t(s) {
+    const r = e.value.indexOf(s);
+    r !== -1 && e.value.splice(r, 1);
+  }
+  function n(s) {
+    return e.value[e.value.length - 1] === s;
+  }
+  return { layers: e, register: i, unregister: t, isTop: n };
+}
+function f(e) {
+  const i = o(u);
+  if (!i)
+    throw new Error(
+      "useDismissibleLayerStackItem must be used within a dismissible layer stack context."
+    );
+  return {
+    register: () => i.register(e),
+    unregister: () => i.unregister(e),
+    isTop: () => i.isTop(e)
+  };
+}
+export {
+  m as useDismissibleLayerStack,
+  f as useDismissibleLayerStackItem
+};

package/esm/framework.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAMrE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAiBpE"}
+{"version":3,"file":"framework.d.ts","sourceRoot":"","sources":["../src/framework.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AAMrE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAEtC,gFAAgF;IAChF,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACnB,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,MAAM,GAAE,eAAoB,GAAG,MAAM,CAqBpE"}

package/esm/framework.js

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