@quidgest/ui 0.14.11 → 0.14.12

package/esm/components/__internal__/QChevron/QChevron.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as r, mergeModels as l, useModel as s, createBlock as c, openBlock as t, unref as a, mergeProps as m } from "vue";
+import { DEFAULT_ICONS as d } from "./types.js";
+import { QIcon as p } from "../../QIcon/index.js";
+const _ = /* @__PURE__ */ r({
+  __name: "QChevron",
+  props: /* @__PURE__ */ l({
+    class: {},
+    icons: { default: () => d }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const o = e, n = s(e, "modelValue");
+    return (u, i) => (t(), c(a(p), m({
+      class: ["q-chevron", { "q-chevron--expanded": n.value }]
+    }, o.icons.chevron), null, 16, ["class"]));
+  }
+});
+export {
+  _ as default
+};

package/esm/components/__internal__/QChevron/QChevron.vue2.js

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

package/esm/components/__internal__/QChevron/index.d.ts

@@ -0,0 +1,13 @@
+declare const QChevron: import('vue').DefineComponent<{
+    modelValue?: boolean;
+} & import('./types').QChevronProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: boolean;
+} & import('./types').QChevronProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export { QChevron };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,QAAQ;;;;;;;;;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/esm/components/__internal__/QChevron/index.js

@@ -0,0 +1,6 @@
+import o from "./QChevron.vue.js";
+import { setupPropsProxy as r } from "../../../utils/setupPropsProxy.js";
+const t = r(o);
+export {
+  t as QChevron
+};

package/esm/components/__internal__/QChevron/types.d.ts

@@ -0,0 +1,16 @@
+export type QChevronProps = {
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+};
+export declare const DEFAULT_ICONS: {
+    chevron: {
+        icon: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/__internal__/QChevron/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

package/esm/components/__internal__/QChevron/types.js

@@ -0,0 +1,8 @@
+const o = {
+  chevron: {
+    icon: "chevron-down"
+  }
+};
+export {
+  o as DEFAULT_ICONS
+};

package/esm/components/__internal__/QClearButton/QClearButton.d.ts

@@ -0,0 +1,11 @@
+import { DEFAULT_ICONS, DEFAULT_TEXTS, QClearButtonProps } from './types';
+declare const _default: import('vue').DefineComponent<QClearButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<QClearButtonProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+}>, {
+    icons: typeof DEFAULT_ICONS;
+    texts: typeof DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;
+//# sourceMappingURL=QClearButton.vue.d.ts.map

package/esm/components/__internal__/QClearButton/QClearButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QClearButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/QClearButton.vue"],"names":[],"mappings":"AAWA;AAsCC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;;;;;;;;;AAgGjD,wBASG"}

package/esm/components/__internal__/QClearButton/QClearButton.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent as n, createBlock as s, openBlock as i, unref as o, withCtx as m, createVNode as p, normalizeProps as u, guardReactiveProps as f } from "vue";
+import { DEFAULT_TEXTS as d, DEFAULT_ICONS as _ } from "./types.js";
+import { QButton as b } from "../../QButton/index.js";
+import { QIcon as x } from "../../QIcon/index.js";
+const Q = /* @__PURE__ */ n({
+  __name: "QClearButton",
+  props: {
+    class: {},
+    icons: { default: () => _ },
+    texts: { default: () => d }
+  },
+  emits: ["click"],
+  setup(r, { emit: a }) {
+    const e = r, c = a, l = (t) => c("click", t);
+    return (t, k) => (i(), s(o(b), {
+      class: "q-clear-btn",
+      "aria-label": e.texts.clearValue,
+      "b-style": "plain",
+      borderless: "",
+      tabindex: "-1",
+      onClick: l
+    }, {
+      default: m(() => [
+        p(
+          o(x),
+          u(f(e.icons.clear)),
+          null,
+          16
+          /* FULL_PROPS */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["aria-label"]));
+  }
+});
+export {
+  Q as default
+};

package/esm/components/__internal__/QClearButton/QClearButton.vue2.js

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

package/esm/components/__internal__/QClearButton/index.d.ts

@@ -0,0 +1,12 @@
+import { QClearButtonProps } from './types';
+declare const QClearButton: import('vue').DefineComponent<QClearButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<QClearButtonProps> & Readonly<{
+    onClick?: ((event: Event) => any) | undefined;
+}>, {
+    icons: typeof import('./types').DEFAULT_ICONS;
+    texts: typeof import('./types').DEFAULT_TEXTS;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export { QClearButton };
+export type { QClearButtonProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKhD,QAAA,MAAM,YAAY;;;;;;;2FAAiC,CAAA;AAGnD,OAAO,EAAE,YAAY,EAAE,CAAA;AAGvB,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/esm/components/__internal__/QClearButton/index.js

@@ -0,0 +1,6 @@
+import o from "./QClearButton.vue.js";
+import { setupPropsProxy as r } from "../../../utils/setupPropsProxy.js";
+const p = r(o);
+export {
+  p as QClearButton
+};

package/esm/components/__internal__/QClearButton/types.d.ts

@@ -0,0 +1,23 @@
+export type QClearButtonProps = {
+    /**
+     * Custom set of classes to apply to the component.
+     */
+    class?: string | unknown[];
+    /**
+     * Custom icon configurations.
+     */
+    icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     */
+    texts?: typeof DEFAULT_TEXTS;
+};
+export declare const DEFAULT_TEXTS: {
+    clearValue: string;
+};
+export declare const DEFAULT_ICONS: {
+    clear: {
+        icon: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/esm/components/__internal__/QClearButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QClearButton/types.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;CAIM,CAAA"}

package/esm/components/__internal__/QClearButton/types.js

@@ -0,0 +1,11 @@
+const e = {
+  clearValue: "Clear value"
+}, c = {
+  clear: {
+    icon: "close"
+  }
+};
+export {
+  c as DEFAULT_ICONS,
+  e as DEFAULT_TEXTS
+};

package/esm/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './QButtonToggle';
 export * from './QCard';
 export * from './QCheckbox';
 export * from './QCollapsible';
+export * from './QColorPicker';
 export * from './QCombobox';
 export * from './QDialog';
 export * from './QDropdownMenu';

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,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,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,iBAAiB,CAAA;AAC/B,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,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,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,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,iBAAiB,CAAA;AAC/B,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

@@ -2,59 +2,61 @@ import { QAccordion as e } from "./QAccordion/index.js";
 import { QBadge as p } from "./QBadge/index.js";
 import { QButton as m } from "./QButton/index.js";
 import { QButtonGroup as f } from "./QButtonGroup/index.js";
-import { QButtonToggle as i } from "./QButtonToggle/index.js";
+import { QButtonToggle as n } from "./QButtonToggle/index.js";
 import { QCard as L } from "./QCard/index.js";
 import { QCheckbox as a } from "./QCheckbox/index.js";
-import { QCollapsible as c } from "./QCollapsible/index.js";
-import { QCombobox as I } from "./QCombobox/index.js";
-import { QDialog as g } from "./QDialog/index.js";
-import { QDropdownMenu as b } from "./QDropdownMenu/index.js";
-import { QField as B } from "./QField/index.js";
-import { QIcon as G, QIconFont as S, QIconImg as T, QIconSvg as F } from "./QIcon/index.js";
-import { QInputGroup as k } from "./QInputGroup/index.js";
-import { QLineLoader as D } from "./QLineLoader/index.js";
-import { QList as M, QListItem as O, QListItemGroup as R } from "./QList/index.js";
-import { QOverlay as q } from "./QOverlay/index.js";
-import { QPopover as E } from "./QPopover/index.js";
-import { QPropertyList as J, QPropertyListGroup as K, QPropertyListPanel as N, QPropertyListRow as U } from "./QPropertyList/index.js";
-import { QSelect as W } from "./QSelect/index.js";
-import { QSkeletonLoader as Y } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as _ } from "./QSpinnerLoader/index.js";
-import { QTextField as oo } from "./QTextField/index.js";
-import { QThemeProvider as eo } from "./QThemeProvider/index.js";
-import { QTooltip as po } from "./QTooltip/index.js";
+import { QCollapsible as u } from "./QCollapsible/index.js";
+import { QColorPicker as I } from "./QColorPicker/index.js";
+import { QCombobox as g } from "./QCombobox/index.js";
+import { QDialog as C } from "./QDialog/index.js";
+import { QDropdownMenu as v } from "./QDropdownMenu/index.js";
+import { QField as G } from "./QField/index.js";
+import { QIcon as T, QIconFont as k, QIconImg as F, QIconSvg as h } from "./QIcon/index.js";
+import { QInputGroup as D } from "./QInputGroup/index.js";
+import { QLineLoader as M } from "./QLineLoader/index.js";
+import { QList as R, QListItem as j, QListItemGroup as q } from "./QList/index.js";
+import { QOverlay as E } from "./QOverlay/index.js";
+import { QPopover as J } from "./QPopover/index.js";
+import { QPropertyList as N, QPropertyListGroup as U, QPropertyListPanel as V, QPropertyListRow as W } from "./QPropertyList/index.js";
+import { QSelect as Y } from "./QSelect/index.js";
+import { QSkeletonLoader as _ } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as oo } from "./QSpinnerLoader/index.js";
+import { QTextField as eo } from "./QTextField/index.js";
+import { QThemeProvider as po } from "./QThemeProvider/index.js";
+import { QTooltip as mo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
   m as QButton,
   f as QButtonGroup,
-  i as QButtonToggle,
+  n as QButtonToggle,
   L as QCard,
   a as QCheckbox,
-  c as QCollapsible,
-  I as QCombobox,
-  g as QDialog,
-  b as QDropdownMenu,
-  B as QField,
-  G as QIcon,
-  S as QIconFont,
-  T as QIconImg,
-  F as QIconSvg,
-  k as QInputGroup,
-  D as QLineLoader,
-  M as QList,
-  O as QListItem,
-  R as QListItemGroup,
-  q as QOverlay,
-  E as QPopover,
-  J as QPropertyList,
-  K as QPropertyListGroup,
-  N as QPropertyListPanel,
-  U as QPropertyListRow,
-  W as QSelect,
-  Y as QSkeletonLoader,
-  _ as QSpinnerLoader,
-  oo as QTextField,
-  eo as QThemeProvider,
-  po as QTooltip
+  u as QCollapsible,
+  I as QColorPicker,
+  g as QCombobox,
+  C as QDialog,
+  v as QDropdownMenu,
+  G as QField,
+  T as QIcon,
+  k as QIconFont,
+  F as QIconImg,
+  h as QIconSvg,
+  D as QInputGroup,
+  M as QLineLoader,
+  R as QList,
+  j as QListItem,
+  q as QListItemGroup,
+  E as QOverlay,
+  J as QPopover,
+  N as QPropertyList,
+  U as QPropertyListGroup,
+  V as QPropertyListPanel,
+  W as QPropertyListRow,
+  Y as QSelect,
+  _ as QSkeletonLoader,
+  oo as QSpinnerLoader,
+  eo as QTextField,
+  po as QThemeProvider,
+  mo as QTooltip
 };

package/esm/composables/group.js

@@ -1,23 +1,23 @@
-import { ref as c, computed as t, watch as n, provide as s, inject as f } from "vue";
+import { inject as c, computed as t, ref as n, watch as s, provide as f } from "vue";
 const i = "q-group";
 function p(u) {
   var l, v;
   const e = {
-    active: c(((l = u.active) == null ? void 0 : l.value) ?? ((v = u.multiple) == null ? void 0 : v.value) ? [] : null),
+    active: n(((l = u.active) == null ? void 0 : l.value) ?? ((v = u.multiple) == null ? void 0 : v.value) ? [] : null),
     multiple: t(() => {
       var a;
       return ((a = u.multiple) == null ? void 0 : a.value) || !1;
     })
   };
-  return n(
+  return s(
     () => e.multiple.value,
     (a) => {
       a && e.active.value ? e.active.value = [e.active.value] : a ? e.active.value = [] : Array.isArray(e.active.value) && e.active.value.length === 1 ? e.active.value = e.active.value[0] : e.active.value = null;
     }
-  ), s(i, e), e;
+  ), f(i, e), e;
 }
 function g(u) {
-  const e = f(i, void 0);
+  const e = c(i, void 0);
   if (!e) return;
   const l = t(() => {
     var a;

package/esm/composables/theme.d.ts

@@ -1,5 +1,50 @@
-import { ThemeInstance } from '../framework';
-export declare const THEME_SYMBOL = "q-theme";
+import { ComputedRef, DeepReadonly, InjectionKey, Ref } from 'vue';
+import { ColorScheme } from '../utils/color';
+export declare const ThemeSymbol: InjectionKey<ThemeInstance>;
+/**
+ * Represents the two available theme modes for the application: light and dark.
+ */
+export type ThemeMode = 'light' | 'dark';
+/**
+ * Represents the theme configuration for the application, including the default theme
+ * and a list of available themes with customizable color schemes.
+ */
+export type AppThemes = {
+    /** The name of the default theme to be applied initially. */
+    defaultTheme: string;
+    /** An array of theme definitions available for the application. */
+    themes: Array<{
+        /** The name of the theme. */
+        name: string;
+        /** The mode of the theme (e.g., light or dark). */
+        mode: ThemeMode;
+        /** An optional object to customize the color scheme of the theme. */
+        colors?: Partial<ColorScheme>;
+    }>;
+};
+/**
+ * Defines the structure of a theme, including its name, mode, and color scheme.
+ */
+export type ThemeDefinition = {
+    /** The unique name of the theme. */
+    name: string;
+    /** The mode of the theme (e.g., light or dark). */
+    mode: ThemeMode;
+    /** The color scheme associated with the theme. */
+    scheme: ColorScheme;
+};
+/**
+ * Represents an instance of a theme, containing reactive properties for
+ * managing theme state and accessing theme definitions.
+ */
+export type ThemeInstance = {
+    /** The reactive reference to the active theme's name. */
+    readonly name: Ref<string>;
+    /** A computed reference to the current theme definition. */
+    readonly current: DeepReadonly<ComputedRef<ThemeDefinition>>;
+    /** An array of available theme definitions. */
+    readonly themes: DeepReadonly<ThemeDefinition[]>;
+};
 /**
  * Custom hook for accessing the theme configuration in context.
  *
@@ -7,11 +52,14 @@ export declare const THEME_SYMBOL = "q-theme";
  */
 export declare function useTheme(): ThemeInstance;
 /**
- * Provides a theme with the specified name using the current theme configuration.
+ * Provides and manages a theme instance based on the specified theme name.
+ *
+ * This function retrieves the available themes from the current theme context,
+ * creates a new theme instance, and provides it to the Vue dependency injection system.
  *
- * @param name - The name of the theme to provide.
+ * @param name - A reactive reference (`Ref<string>`) representing the name of the theme to activate.
  *
- * @returns The active theme.
+ * @returns The newly created and provided `ThemeInstance`.
  */
-export declare function provideTheme(name: string): ThemeInstance;
+export declare function provideTheme(name: Ref<string>): 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,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"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/composables/theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAMhD,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;CAChD,CAAA;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,IAAI,aAAa,CAQxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,aAAa,CAU7D"}

package/esm/composables/theme.js

@@ -1,20 +1,18 @@
-import { inject as r, ref as m, provide as h } from "vue";
-const n = "q-theme";
-function i() {
-  const e = r(n);
+import { createThemeInstance as r } from "../utils/theme.js";
+import { inject as c, provide as h } from "vue";
+const n = Symbol.for("q-theme");
+function s() {
+  const e = c(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
-  };
+function u(e) {
+  const o = s(), m = o.themes, t = r(e, m);
   return h(n, t), t;
 }
 export {
-  n as THEME_SYMBOL,
-  s as provideTheme,
-  i as useTheme
+  n as ThemeSymbol,
+  u as provideTheme,
+  s as useTheme
 };

package/esm/framework.d.ts

@@ -1,28 +1,25 @@
 import { Defaults } from './composables/defaults';
-import { Component, Plugin, Ref } from 'vue';
-import { ColorScheme } from './utils/color';
+import { AppThemes } from './composables/theme';
+import { Component, Plugin } from 'vue';
+/**
+ * Configuration options for the Quidgest UI framework plugin.
+ */
 export type FrameworkConfig = {
+    /** An optional record of components to be registered globally in the application. */
     components?: Record<string, Component>;
+    /** An optional configuration for the available themes and the default theme. */
     themes?: AppThemes;
+    /** An optional object containing global default values for the application. */
     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[];
-};
+/**
+ * Creates the Quidgest UI framework plugin that installs components, sets up global defaults,
+ * and configures themes based on the provided configuration.
+ *
+ * @param config - The framework configuration, including components, defaults, and themes.
+ *                 Defaults to an empty object if no configuration is provided.
+ *
+ * @returns A Vue plugin (`Plugin`) with an `install` function to set up the framework.
+ */
 export declare function createFramework(config?: FrameworkConfig): Plugin;
 //# sourceMappingURL=framework.d.ts.map

package/esm/framework.d.ts.map

@@ -1 +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"}
+{"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,EAAE,SAAS,EAAmB,MAAM,qBAAqB,CAAA;AACrE,OAAO,KAAK,EAAO,SAAS,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAMjD;;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"}

package/esm/framework.js

@@ -1,47 +1,44 @@
 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 v(m = {}) {
+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 = 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);
+    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);
   } };
 }
-function u(m, s) {
+function p(s, m) {
   const o = [];
   let t;
-  if (!s)
+  if (!m)
     t = "default", o.push({
       name: t,
       mode: "light",
-      scheme: a
+      scheme: l
     });
   else
-    for (const e of s.themes) {
-      const r = { ...e.mode === "light" ? a : h, ...e.colors };
+    for (const e of m.themes) {
+      const r = { ...e.mode === "light" ? l : i, ...e.colors };
       o.push({
         name: e.name,
         mode: e.mode,
         scheme: r
-      }), e.name === s.defaultTheme && (t = e.name);
+      }), e.name === m.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);
+    const e = a(t), n = d(e, o);
+    u(o), f(n.name, S, { immediate: !0 }), s.provide(h, n);
   }
 }
-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}`);
+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}`);
 }
 export {
-  v as createFramework
+  D as createFramework
 };

package/esm/index.d.ts

@@ -15,6 +15,7 @@ declare module '@vue/runtime-core' {
 		QCard: typeof import('@quidgest/ui/components')['QCard']
 		QCheckbox: typeof import('@quidgest/ui/components')['QCheckbox']
 		QCollapsible: typeof import('@quidgest/ui/components')['QCollapsible']
+		QColorPicker: typeof import('@quidgest/ui/components')['QColorPicker']
 		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
 		QDialog: typeof import('@quidgest/ui/components')['QDialog']
 		QDropdownMenu: typeof import('@quidgest/ui/components')['QDropdownMenu']