@quidgest/ui 0.16.30 → 0.16.32

package/esm/components/QDropdownMenu/QDropdownMenuContent.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as Q, mergeModels as V, useModel as _, ref as x, computed as I, useTemplateRef as T, resolveComponent as F, createBlock as L, openBlock as u, unref as v, normalizeClass as U, withCtx as g, createElementVNode as $, withModifiers as z, createVNode as C, renderSlot as A, createElementBlock as M, createCommentVNode as w, toDisplayString as H, Fragment as j, normalizeProps as G, guardReactiveProps as J, mergeProps as W, nextTick as X } from "vue";
-import { QList as Y } from "../QList/index.js";
-import { QOverlay as Z } from "../QOverlay/index.js";
-import { QIcon as K } from "../QIcon/index.js";
-import { DEFAULT_ICONS as ee } from "./types.js";
-const te = {
+import { defineComponent as F, mergeModels as x, useModel as C, ref as A, computed as M, useTemplateRef as U, resolveComponent as z, createBlock as q, openBlock as d, unref as y, normalizeClass as H, withCtx as r, createElementVNode as j, withModifiers as G, createVNode as E, renderSlot as f, createElementBlock as R, createCommentVNode as k, toDisplayString as J, Fragment as W, normalizeProps as b, guardReactiveProps as V, mergeProps as X, nextTick as Y } from "vue";
+import { QList as Z } from "../QList/index.js";
+import { QOverlay as K } from "../QOverlay/index.js";
+import { QIcon as ee } from "../QIcon/index.js";
+import { DEFAULT_ICONS as te } from "./types.js";
+const oe = {
   key: 0,
   class: "q-dropdown-menu__extra"
-}, se = /* @__PURE__ */ Q({
+}, re = /* @__PURE__ */ F({
   __name: "QDropdownMenuContent",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ x({
     id: {},
     class: {},
     activator: {},
@@ -23,7 +23,7 @@ const te = {
     delay: { default: 500 },
     trigger: { default: "hover" },
     depth: { default: 0 },
-    icons: { default: () => ee },
+    icons: { default: () => te },
     offset: { default: 0 },
     crossOffset: { default: -5 }
   }, {
@@ -32,139 +32,139 @@ const te = {
     highlighted: {},
     highlightedModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
-  setup(r, { emit: q }) {
-    const e = r, d = q, c = _(r, "modelValue"), l = _(r, "highlighted"), i = x(void 0), y = x([]), E = I(() => e.depth !== 0 ? e.offset : 4), R = I(() => e.depth !== 0 ? e.crossOffset : void 0), f = T("qListRef");
-    function P(t) {
+  emits: /* @__PURE__ */ x(["select", "hide", "focus-previous"], ["update:modelValue", "update:highlighted"]),
+  setup(u, { emit: P }) {
+    const e = u, c = P, m = C(u, "modelValue"), i = C(u, "highlighted"), s = A(void 0), _ = A([]), S = M(() => e.depth !== 0 ? e.offset : 4), B = M(() => e.depth !== 0 ? e.crossOffset : void 0), p = U("qListRef");
+    function D(t) {
       var o;
-      const n = (o = e.items) == null ? void 0 : o.find((s) => s[e.itemValue] === t);
-      y.value = (n == null ? void 0 : n.items) ?? [];
-      const a = y.value.length > 0;
-      l.value = t, a ? h(t) : k(t);
+      const n = (o = e.items) == null ? void 0 : o.find((l) => l[e.itemValue] === t);
+      _.value = (n == null ? void 0 : n.items) ?? [];
+      const a = _.value.length > 0;
+      i.value = t, a ? g(t) : I(t);
     }
-    function S(t) {
+    function O(t) {
       var n;
       if (t.key)
         switch (["Enter", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(t.key) && (t.preventDefault(), t.stopPropagation()), t.key) {
           case "ArrowRight":
-            const a = (n = f.value) == null ? void 0 : n.getActiveItemIndex();
-            e.items && (a || a === 0) && e.items[a] && (l.value = e.items[a].key, h(e.items[a].key));
+            const a = (n = p.value) == null ? void 0 : n.getActiveItemIndex();
+            e.items && (a || a === 0) && e.items[a] && (i.value = e.items[a].key, g(e.items[a].key));
             break;
           case "ArrowLeft":
-            m();
+            h();
             break;
           case "Escape":
           case "Tab":
-            p();
+            v();
             break;
         }
     }
-    function B(t) {
-      e.trigger === "hover" && (l.value = t, h(t));
+    function $(t) {
+      e.trigger === "hover" && (i.value = t, g(t));
     }
-    function k(t) {
-      d("select", t), p();
+    function I(t) {
+      c("select", t), v();
     }
-    function D() {
-      m();
+    function N() {
+      h();
     }
-    function m() {
-      i.value = void 0, l.value = void 0, c.value = !1, d("focus-previous");
+    function h() {
+      s.value = void 0, i.value = void 0, m.value = !1, c("focus-previous");
     }
-    function p() {
-      m(), d("hide");
+    function v() {
+      h(), c("hide");
     }
-    function h(t) {
-      i.value = t;
+    function g(t) {
+      s.value = t;
     }
-    function O() {
+    function Q() {
       var a, o;
       const t = (a = e.items) == null ? void 0 : a.findIndex(
-        (s) => s[e.itemValue] === i.value
+        (l) => l[e.itemValue] === s.value
       );
       if (!t && t !== 0) return;
-      const n = (o = f.value) == null ? void 0 : o.getItem(t);
-      i.value = void 0, l.value = void 0, n == null || n.focus();
+      const n = (o = p.value) == null ? void 0 : o.getItem(t);
+      s.value = void 0, i.value = void 0, n == null || n.focus();
     }
-    function N() {
-      X(() => {
+    function T() {
+      Y(() => {
         var t;
-        return (t = f.value) == null ? void 0 : t.$el.focus();
+        return (t = p.value) == null ? void 0 : t.$el.focus();
       });
     }
     return (t, n) => {
-      const a = F("q-dropdown-menu-content", !0);
-      return u(), L(v(Z), {
+      const a = z("q-dropdown-menu-content", !0);
+      return d(), q(y(K), {
         id: e.id,
-        modelValue: c.value,
-        "onUpdate:modelValue": n[0] || (n[0] = (o) => c.value = o),
+        modelValue: m.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => m.value = o),
         anchor: e.activator,
         appearance: e.appearance,
         inline: e.inline,
         delay: e.delay,
-        offset: E.value,
-        "cross-offset": R.value,
+        offset: S.value,
+        "cross-offset": B.value,
         placement: e.placement,
         transition: e.transition,
-        class: U(e.class),
+        class: H(e.class),
         "scroll-lock": "",
         "non-modal": "",
-        onEnter: N,
-        onLeave: D
+        onEnter: T,
+        onLeave: N
       }, {
-        default: g(() => [
-          $(
+        default: r(() => [
+          j(
             "div",
             {
               class: "q-dropdown-menu__body",
               "data-testid": "dropdown-content",
               tabindex: "-1",
-              onKeydown: z(S, ["stop"])
+              onKeydown: G(O, ["stop"])
             },
             [
-              C(v(Y), {
+              E(y(Z), {
                 ref: "qListRef",
                 class: "q-dropdown-menu__items",
-                highlighted: l.value,
+                highlighted: i.value,
                 items: e.items,
                 groups: e.groups,
                 "item-label": e.itemLabel,
                 "item-value": e.itemValue,
                 selectable: !1,
-                onClick: P,
-                "onMouseenter:item": B
+                onClick: D,
+                "onMouseenter:item": $
               }, {
-                item: g(({ item: o }) => [
-                  A(t.$slots, "item", { item: o })
+                item: r(({ item: o }) => [
+                  f(t.$slots, "item", { item: o })
                 ]),
-                "item.append": g(({ item: o, element: s }) => {
-                  var b;
+                "item.append": r(({ item: o, element: l }) => {
+                  var L;
                   return [
-                    A(t.$slots, "item.append", { item: o }, () => [
-                      o.extraInfo ? (u(), M(
+                    f(t.$slots, "item.append", { item: o }, () => [
+                      o.extraInfo ? (d(), R(
                         "span",
-                        te,
-                        H(o.extraInfo),
+                        oe,
+                        J(o.extraInfo),
                         1
                         /* TEXT */
-                      )) : w("v-if", !0)
+                      )) : k("v-if", !0)
                     ]),
-                    ((b = o.items) == null ? void 0 : b.length) > 0 ? (u(), M(
-                      j,
+                    ((L = o.items) == null ? void 0 : L.length) > 0 ? (d(), R(
+                      W,
                       { key: 0 },
                       [
-                        C(
-                          v(K),
-                          G(J(e.icons.expand)),
+                        E(
+                          y(ee),
+                          b(V(e.icons.expand)),
                           null,
                           16
                           /* FULL_PROPS */
                         ),
-                        i.value === o.key ? (u(), L(a, W({
+                        s.value === o.key ? (d(), q(a, X({
                           key: 0,
-                          "model-value": r.modelValue
+                          "model-value": u.modelValue
                         }, e, {
-                          activator: s,
+                          activator: l,
                           items: o.items,
                           groups: o.groups,
                           depth: e.depth + 1,
@@ -172,14 +172,23 @@ const te = {
                           placement: "right-start",
                           "non-modal": "",
                           inline: "",
-                          onHide: p,
-                          onSelect: k,
-                          onFocusPrevious: O
-                        }), null, 16, ["model-value", "activator", "items", "groups", "depth", "delay"])) : w("v-if", !0)
+                          onHide: v,
+                          onSelect: I,
+                          onFocusPrevious: Q
+                        }), {
+                          item: r((w) => [
+                            f(t.$slots, "item", b(V(w)))
+                          ]),
+                          "item.append": r((w) => [
+                            f(t.$slots, "item.append", b(V(w)))
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["model-value", "activator", "items", "groups", "depth", "delay"])) : k("v-if", !0)
                       ],
                       64
                       /* STABLE_FRAGMENT */
-                    )) : w("v-if", !0)
+                    )) : k("v-if", !0)
                   ];
                 }),
                 _: 3
@@ -197,5 +206,5 @@ const te = {
   }
 });
 export {
-  se as default
+  re as default
 };

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

@@ -1,24 +1,58 @@
-declare const QDropdownMenu: import('vue').DefineComponent<{
-    modelValue?: boolean;
-} & import('../../types/component').QBaseComponentProps & {
-    activator?: import('../../utils/getElement').Selector;
-    itemValue?: string;
-    itemLabel?: string;
-    items?: import('../QList/types').Item[];
-    groups?: import('../QList/types').Group[];
-    appearance?: import('../../composables/overlay').Appearance;
-    placement?: import('../../composables/overlay').Placement;
-    transition?: string;
-    inline?: boolean;
-    delay?: number;
-    trigger?: import('../../composables/overlay').Trigger;
-    depth?: number;
-    icons?: typeof import('./types').DEFAULT_ICONS;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    select: (item: any) => any;
-}, string, import('vue').PublicProps, Readonly<{
+declare const QDropdownMenu: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: boolean;
+    } & import('../../types/component').QBaseComponentProps & {
+        activator?: import('../../utils/getElement').Selector;
+        itemValue?: string;
+        itemLabel?: string;
+        items?: import('../QList/types').Item[];
+        groups?: import('../QList/types').Group[];
+        appearance?: import('../../composables/overlay').Appearance;
+        placement?: import('../../composables/overlay').Placement;
+        transition?: string;
+        inline?: boolean;
+        delay?: number;
+        trigger?: import('../../composables/overlay').Trigger;
+        depth?: number;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
+        onSelect?: ((item: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+    } & {
+        select: (item: any) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: boolean;
+    } & import('../../types/component').QBaseComponentProps & {
+        activator?: import('../../utils/getElement').Selector;
+        itemValue?: string;
+        itemLabel?: string;
+        items?: import('../QList/types').Item[];
+        groups?: import('../QList/types').Group[];
+        appearance?: import('../../composables/overlay').Appearance;
+        placement?: import('../../composables/overlay').Placement;
+        transition?: string;
+        inline?: boolean;
+        delay?: number;
+        trigger?: import('../../composables/overlay').Trigger;
+        depth?: number;
+        icons?: typeof import('./types').DEFAULT_ICONS;
+    }> & Readonly<{
+        onSelect?: ((item: any) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: boolean;
 } & import('../../types/component').QBaseComponentProps & {
     activator?: import('../../utils/getElement').Selector;
@@ -37,6 +71,19 @@ declare const QDropdownMenu: import('vue').DefineComponent<{
 }> & Readonly<{
     onSelect?: ((item: any) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+} & {
+    select: (item: any) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        item?(_: {
+            item: import('../QList/types').Item;
+        }): any;
+        'item.append'?(_: {
+            item: import('../QList/types').Item;
+        }): any;
+    };
+});
 export { QDropdownMenu };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kFAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QDropdownMenu/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAA;AAGrD,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/esm/composables/theme.d.ts

@@ -43,7 +43,7 @@ export type ThemeInstance = {
     /** A computed reference to the current theme definition. */
     readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
     /** An array of available theme definitions. */
-    readonly themes: DeepReadonly<ThemeDefinition[]>;
+    readonly themes: DeepReadonly<Ref<ThemeDefinition[]>>;
     /** The theme class name. */
     readonly class: ComputedRef<string>;
     /** The theme CSS definition. */
@@ -56,23 +56,22 @@ export type ThemeInstance = {
  */
 export declare function useTheme(): ThemeInstance;
 /**
- * Provides and manages a reactive theme instance within the Vue dependency injection system.
+ * Provides and manages a reactive theme instance within Vue’s dependency injection system.
  *
- * This function retrieves the current list of available themes from the theme context,
- * optionally adds a new `ThemeDefinition`, and creates a reactive theme instance.
- * The new theme instance is then provided using Vue's `provide`, making it accessible
- * to all descendant components via `inject`.
+ * This function:
+ *  - Retrieves the current list of available themes from the existing theme context.
+ *  - Resolves the input (`nameOrDef`) to either a theme name or a full `ThemeDefinition`.
+ *  - If a `ThemeDefinition` is provided, it is appended to the existing list of themes.
+ *  - Creates a new reactive `ThemeInstance` bound to the resolved name and theme list.
+ *  - Provides the new `ThemeInstance` under `ThemeSymbol`, making it available to descendants via `useTheme()`.
  *
- * @param nameOrDef - Either:
- *   - A string (or `Ref<string>`/getter) specifying the name of the theme to activate.
- *   - A `ThemeDefinition` (or `Ref<ThemeDefinition>`/getter) to register and activate.
+ * @param nameOrDef - The theme to activate, given as either:
+ *   - A theme name (`string`), or a reactive source (`Ref<string>`/getter).
+ *   - A `ThemeDefinition`, or a reactive source (`Ref<ThemeDefinition>`/getter).
  *
- * @returns The newly created and provided `ThemeInstance`, containing:
- *   - `name`: reactive theme name (`Ref<string>`),
- *   - `current`: computed active theme (`Ref<ThemeDefinition>`),
- *   - `themes`: array of all available themes,
- *   - `class`: computed CSS class string for the theme,
- *   - `css`: computed CSS variables string for the theme.
+ * @returns The newly created and provided `ThemeInstance`.
+ *
+ * @throws {Error} If the resolved theme name does not exist in the available themes.
  */
 export declare function provideTheme(nameOrDef: MaybeRefOrGetter<string | ThemeDefinition>): ThemeInstance;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAMjD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,eAAe,EAAE,CAAC,CAAA;IAEhD,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnC,gCAAgC;IAChC,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAC7C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AAEH,wBAAgB,YAAY,CAAC,SAAS,EAAE,gBAAgB,CAAC,MAAM,GAAG,eAAe,CAAC,GAAG,aAAa,CAsBjG"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAMjD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAyB,CAAA;AAE7E;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAExC;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACvB,6DAA6D;IAC7D,YAAY,EAAE,MAAM,CAAA;IAEpB,mEAAmE;IACnE,MAAM,EAAE,KAAK,CAAC;QACb,6BAA6B;QAC7B,IAAI,EAAE,MAAM,CAAA;QAEZ,mDAAmD;QACnD,IAAI,EAAE,SAAS,CAAA;QAEf,qEAAqE;QACrE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAC7B,CAAC,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAA;IAEZ,mDAAmD;IACnD,IAAI,EAAE,SAAS,CAAA;IAEf,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAA;CACnB,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC3B,yDAAyD;IACzD,QAAQ,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAE1B,4DAA4D;IAC5D,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAA;IAE5D,+CAA+C;IAC/C,QAAQ,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,eAAe,EAAE,CAAC,CAAC,CAAA;IAErD,4BAA4B;IAC5B,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAEnC,gCAAgC;IAChC,QAAQ,CAAC,GAAG,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;CAC7C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,gBAAgB,CAAC,MAAM,GAAG,eAAe,CAAC,GAAG,aAAa,CA2CjG"}

package/esm/composables/theme.js

@@ -1,22 +1,22 @@
-import { toValue as c, provide as i, inject as h } from "vue";
-import { createThemeInstance as u } from "../utils/theme.js";
+import { computed as n, toValue as c, provide as a, inject as l } from "vue";
+import { createThemeInstance as h } from "../utils/theme.js";
 const m = Symbol.for("q-theme");
-function f() {
-  const e = h(m);
+function v() {
+  const e = l(m);
   if (!e)
     throw new Error("[Quidgest UI] Could not find theme instance");
   return e;
 }
-function d(e) {
-  const s = f();
-  let n, o = structuredClone(s.themes);
-  const t = c(e);
-  typeof t != "string" ? (o = [...o, t], n = t.name) : n = t;
-  const r = u(n, o);
-  return i(m, r), r;
+function p(e) {
+  const { themes: o } = v(), t = n(() => c(e)), s = n(() => typeof t.value != "string"), r = n(
+    () => s.value ? t.value.name : t.value
+  ), u = n(
+    () => s.value ? [...o.value, t.value] : o.value
+  ), i = h(r, u);
+  return a(m, i), i;
 }
 export {
   m as ThemeSymbol,
-  d as provideTheme,
-  f as useTheme
+  p as provideTheme,
+  v as useTheme
 };

package/esm/framework.js

@@ -1,21 +1,21 @@
-import { DEFAULTS_SYMBOL as i } from "./composables/defaults.js";
+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 r, defaultDarkColorScheme as l } from "./templates/theme.js";
-import { ref as c, watch as S } from "vue";
+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 n in m)
-      t.component(n, m[n]);
+    for (const a in m)
+      t.component(a, m[a]);
     const e = o.defaults || {};
-    t.provide(i, c(e)), y(t, o.themes);
-    const a = u();
-    t.provide(f, a), b(t);
+    t.provide(c, n(e)), y(t, o.themes);
+    const r = u();
+    t.provide(f, r), b(t);
   } };
 }
 function y(o, s) {
@@ -23,11 +23,11 @@ function y(o, s) {
   let m;
   if (s)
     for (const e of s.themes) {
-      const n = { ...e.mode === "light" ? r : l, ...e.colors };
+      const a = { ...e.mode === "light" ? l : i, ...e.colors };
       t.push({
         name: e.name,
         mode: e.mode,
-        scheme: n
+        scheme: a
       }), e.name === s.defaultTheme && (m = e.name);
     }
   else {
@@ -35,19 +35,19 @@ function y(o, s) {
       {
         name: "light",
         mode: "light",
-        scheme: r
+        scheme: l
       },
       {
         name: "dark",
         mode: "dark",
-        scheme: l
+        scheme: i
       }
     ];
     t.push(...e), m = "light";
   }
   if (m) {
-    const e = c(m), a = T(e, t);
-    L(t), S(a.class, k, { immediate: !0 }), o.provide(h, a);
+    const e = T(n(m), n(t));
+    L(t), S(e.class, k, { immediate: !0 }), o.provide(h, e);
   }
 }
 function b(o) {

package/esm/templates/theme.js

@@ -1,4 +1,4 @@
-const f = {
+const a = {
   primary: "#008ad2",
   primaryLight: "#cde5ff",
   primaryDark: "#006398",
@@ -34,44 +34,44 @@ const f = {
   onDanger: "#fff",
   onInfo: "#fff",
   onNeutral: "#fff"
-}, a = {
+}, f = {
   primary: "#4da6e0",
-  primaryLight: "#2d8bc7",
-  primaryDark: "#87c4e8",
-  secondary: "#4a6b82",
-  secondaryLight: "#2c4a5e",
-  secondaryDark: "#6b8ca3",
+  primaryLight: "#1a2832",
+  primaryDark: "#87c5f0",
+  secondary: "#b8d4e6",
+  secondaryLight: "#1a2832",
+  secondaryDark: "#e6f2ff",
   highlight: "#ff9966",
-  highlightLight: "#e67344",
-  highlightDark: "#ffb088",
-  info: "#3bb5d1",
-  infoLight: "#2a9bb8",
-  infoDark: "#66c7dd",
-  success: "#4caf50",
-  successLight: "#388e3c",
-  successDark: "#81c784",
-  warning: "#ffb74d",
-  warningLight: "#e67e22",
-  warningDark: "#ffcc80",
-  danger: "#e57373",
-  dangerLight: "#c62828",
-  dangerDark: "#ef9a9a",
+  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: "#9e9e9e",
-  neutralLight: "#666666",
-  neutralDark: "#d0d0d0",
-  onBackground: "#ffffff",
-  onPrimary: "#ffffff",
-  onSecondary: "#ffffff",
-  onHighlight: "#ffffff",
-  onSuccess: "#ffffff",
-  onWarning: "#000000",
-  onDanger: "#ffffff",
-  onInfo: "#ffffff",
-  onNeutral: "#000000"
+  neutral: "#9ca3ab",
+  neutralLight: "#2a2d31",
+  neutralDark: "#c8ced6",
+  onBackground: "#e0e0e0",
+  onPrimary: "#000",
+  onSecondary: "#000",
+  onHighlight: "#000",
+  onSuccess: "#000",
+  onWarning: "#000",
+  onDanger: "#000",
+  onInfo: "#000",
+  onNeutral: "#000"
 };
 export {
-  a as defaultDarkColorScheme,
-  f as defaultLightColorScheme
+  f as defaultDarkColorScheme,
+  a as defaultLightColorScheme
 };