@quidgest/ui 0.14.5 → 0.14.7

package/esm/components/index.js

@@ -1,54 +1,58 @@
-import { QBadge as e } from "./QBadge/index.js";
-import { QButton as p } from "./QButton/index.js";
-import { QButtonGroup as m } from "./QButtonGroup/index.js";
-import { QButtonToggle as f } from "./QButtonToggle/index.js";
-import { QCard as n } from "./QCard/index.js";
-import { QCheckbox as l } from "./QCheckbox/index.js";
-import { QCombobox as d } from "./QCombobox/index.js";
-import { QDialog as I } from "./QDialog/index.js";
-import { QField as P } from "./QField/index.js";
-import { QIcon as g, QIconFont as y, QIconImg as v, QIconSvg as B } from "./QIcon/index.js";
-import { QInputGroup as S } from "./QInputGroup/index.js";
-import { QLineLoader as b } from "./QLineLoader/index.js";
-import { QList as F, QListItem as h, QListItemGroup as k } from "./QList/index.js";
-import { QOverlay as D } from "./QOverlay/index.js";
-import { QPopover as R } from "./QPopover/index.js";
-import { QPropertyList as q, QPropertyListGroup as z, QPropertyListPanel as A, QPropertyListRow as E } from "./QPropertyList/index.js";
-import { QSelect as J } from "./QSelect/index.js";
-import { QSkeletonLoader as M } from "./QSkeletonLoader/index.js";
-import { QSpinnerLoader as U } from "./QSpinnerLoader/index.js";
-import { QTextField as W } from "./QTextField/index.js";
-import { QThemeProvider as Y } from "./QThemeProvider/index.js";
-import { QTooltip as _ } from "./QTooltip/index.js";
+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 n } from "./QButtonToggle/index.js";
+import { QCard as L } from "./QCard/index.js";
+import { QCheckbox as d } from "./QCheckbox/index.js";
+import { QCollapsible as s } from "./QCollapsible/index.js";
+import { QCombobox as I } from "./QCombobox/index.js";
+import { QDialog as g } from "./QDialog/index.js";
+import { QField as b } from "./QField/index.js";
+import { QIcon as B, QIconFont as C, QIconImg as G, QIconSvg as S } from "./QIcon/index.js";
+import { QInputGroup as F } from "./QInputGroup/index.js";
+import { QLineLoader as k } from "./QLineLoader/index.js";
+import { QList as A, QListItem as D, QListItemGroup as O } from "./QList/index.js";
+import { QOverlay as j } from "./QOverlay/index.js";
+import { QPopover as z } from "./QPopover/index.js";
+import { QPropertyList as H, QPropertyListGroup as J, QPropertyListPanel as K, QPropertyListRow as M } from "./QPropertyList/index.js";
+import { QSelect as U } from "./QSelect/index.js";
+import { QSkeletonLoader as W } from "./QSkeletonLoader/index.js";
+import { QSpinnerLoader as Y } from "./QSpinnerLoader/index.js";
+import { QTextField as _ } from "./QTextField/index.js";
+import { QThemeProvider as oo } from "./QThemeProvider/index.js";
+import { QTooltip as eo } from "./QTooltip/index.js";
 export {
-  e as QBadge,
-  p as QButton,
-  m as QButtonGroup,
-  f as QButtonToggle,
-  n as QCard,
-  l as QCheckbox,
-  d as QCombobox,
-  I as QDialog,
-  P as QField,
-  g as QIcon,
-  y as QIconFont,
-  v as QIconImg,
-  B as QIconSvg,
-  S as QInputGroup,
-  b as QLineLoader,
-  F as QList,
-  h as QListItem,
-  k as QListItemGroup,
-  D as QOverlay,
-  R as QPopover,
-  q as QPropertyList,
-  z as QPropertyListGroup,
-  A as QPropertyListPanel,
-  E as QPropertyListRow,
-  J as QSelect,
-  M as QSkeletonLoader,
-  U as QSpinnerLoader,
-  W as QTextField,
-  Y as QThemeProvider,
-  _ as QTooltip
+  e as QAccordion,
+  p as QBadge,
+  m as QButton,
+  f as QButtonGroup,
+  n as QButtonToggle,
+  L as QCard,
+  d as QCheckbox,
+  s as QCollapsible,
+  I as QCombobox,
+  g as QDialog,
+  b as QField,
+  B as QIcon,
+  C as QIconFont,
+  G as QIconImg,
+  S as QIconSvg,
+  F as QInputGroup,
+  k as QLineLoader,
+  A as QList,
+  D as QListItem,
+  O as QListItemGroup,
+  j as QOverlay,
+  z as QPopover,
+  H as QPropertyList,
+  J as QPropertyListGroup,
+  K as QPropertyListPanel,
+  M as QPropertyListRow,
+  U as QSelect,
+  W as QSkeletonLoader,
+  Y as QSpinnerLoader,
+  _ as QTextField,
+  oo as QThemeProvider,
+  eo as QTooltip
 };

package/esm/composables/defaults.js

@@ -1,20 +1,20 @@
 import { isEmpty as s } from "../utils/isEmpty.js";
-import { merge as a } from "../utils/merge.js";
-import { getCurrentInstance as m, computed as f, ref as d, provide as p, inject as v } from "vue";
+import { merge as f } from "../utils/merge.js";
+import { getCurrentInstance as d, computed as a, ref as m, provide as p, inject as v } from "vue";
 const i = "q-defaults";
 function E() {
   var r, u;
-  const e = m();
+  const e = d();
   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));
+  return a(() => f(o, c));
 }
 function I(e) {
   if (s(e)) return;
-  const t = l(), n = d(e), o = f(() => s(n.value) ? t.value : a(t.value, n.value));
+  const t = l(), n = m(e), o = a(() => s(n.value) ? t.value : f(t.value, n.value));
   p(i, o);
 }
 function l() {

package/esm/composables/group.d.ts

@@ -0,0 +1,16 @@
+import { ComputedRef, Ref } from 'vue';
+export interface Group {
+    active: Ref<unknown>;
+    multiple: ComputedRef<boolean>;
+}
+export interface GroupProps {
+    active?: Ref<unknown>;
+    multiple?: Ref<boolean>;
+}
+export interface GroupProvide {
+    toggle: () => void;
+    isActive: ComputedRef<boolean>;
+}
+export declare function useGroup(options: GroupProps): Group;
+export declare function useGroupItem(itemId: string): GroupProvide | undefined;
+//# sourceMappingURL=group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/composables/group.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAO3C,MAAM,WAAW,KAAK;IACrB,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACpB,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED,MAAM,WAAW,UAAU;IAC1B,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CACvB;AAED,MAAM,WAAW,YAAY;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,KAAK,CAoBnD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAuBrE"}

package/esm/composables/group.js

@@ -0,0 +1,34 @@
+import { ref as c, computed as t, watch as n, provide as s, inject 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),
+    multiple: t(() => {
+      var a;
+      return ((a = u.multiple) == null ? void 0 : a.value) || !1;
+    })
+  };
+  return n(
+    () => 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;
+}
+function g(u) {
+  const e = f(i, void 0);
+  if (!e) return;
+  const l = t(() => {
+    var a;
+    return Array.isArray(e.active.value) ? (a = e.active.value) == null ? void 0 : a.includes(u) : e.active.value === u;
+  });
+  return { isActive: l, toggle: () => {
+    var a;
+    Array.isArray(e.active.value) ? l.value ? e.active.value = (a = e.active.value) == null ? void 0 : a.filter((r) => r !== u) : e.active.value.push(u) : e.active.value = u;
+  } };
+}
+export {
+  p as useGroup,
+  g as useGroupItem
+};

package/esm/composables/overlay.js

@@ -1,10 +1,10 @@
 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);
+  const d = (e == null ? void 0 : e.offset) ?? 0, o = (e == null ? void 0 : e.placement) ?? "bottom", u = t.getBoundingClientRect(), s = i.getBoundingClientRect(), g = n == null ? void 0 : n.getBoundingClientRect(), r = b(u, s, o, d), h = k(u, s, r), f = C(h, r, d), m = p(f, s, r);
   let a;
   if (e != null && e.arrow) {
-    if (!u)
+    if (!g)
       throw new Error("[Quidgest UI] The arrow element must exist to compute its position");
-    a = A(m, g, s, u, r);
+    a = A(m, u, s, g, r);
   }
   return { overlayCoords: m, arrowCoords: a, placement: r };
 }
@@ -16,13 +16,13 @@ function b(t, i, n, e) {
       bottom: "top",
       left: "right",
       right: "left"
-    }[o], u = c(
+    }[o], g = c(
       t,
       i,
       s,
       e
     );
-    if (x(u))
+    if (x(g))
       return n;
     const r = O(n);
     return r ? `${s}-${r}` : s;
@@ -30,7 +30,7 @@ function b(t, i, n, e) {
   return n;
 }
 function p(t, i, n) {
-  const e = l(n), d = (g, s, u) => Math.min(Math.max(g, s), u), o = { ...t };
+  const e = l(n), d = (u, s, g) => Math.min(Math.max(u, s), g), 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) {
@@ -42,13 +42,13 @@ function C(t, i, n) {
 }
 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;
+    const u = i.top + i.height / 2, s = t.y + n.height / 2, g = s - u, r = n.height / 2 - g - 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;
+    const u = i.left + i.width / 2, s = t.x + n.width / 2, g = s - u, r = n.width / 2 - g - e.width / 2 + 2;
     if (r > 0 && r < n.width - e.width)
       return {
         x: r
@@ -56,7 +56,7 @@ function A(t, i, n, e, d) {
   }
 }
 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;
+  const [e, d] = n.split("-"), o = t.x + t.width / 2 - i.width / 2, u = t.y + t.height / 2 - i.height / 2;
   let s;
   switch (e) {
     case "top":
@@ -66,10 +66,10 @@ function k(t, i, n) {
       s = { x: o, y: t.y + t.height };
       break;
     case "left":
-      s = { x: t.x - i.width, y: g };
+      s = { x: t.x - i.width, y: u };
       break;
     case "right":
-      s = { x: t.x + t.width, y: g };
+      s = { x: t.x + t.width, y: u };
       break;
     default:
       throw new Error(`[Quidgest UI] Invalid placement value: ${n}`);

package/esm/framework.js

@@ -3,7 +3,7 @@ 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 = {}) {
+function v(m = {}) {
   return { install: (o) => {
     const t = m.components || {};
     for (const l in t)
@@ -43,5 +43,5 @@ function p(m) {
   s.className = t.join(" "), s.classList.add(`q-theme--${m}`);
 }
 export {
-  E as createFramework
+  v as createFramework
 };

package/esm/index.d.ts

@@ -7,12 +7,14 @@ export * from './composables';
 //# sourceMappingURL=index.d.ts.map
 declare module '@vue/runtime-core' {
 	export interface GlobalComponents {
+		QAccordion: typeof import('@quidgest/ui/components')['QAccordion']
 		QBadge: typeof import('@quidgest/ui/components')['QBadge']
 		QButton: typeof import('@quidgest/ui/components')['QButton']
 		QButtonGroup: typeof import('@quidgest/ui/components')['QButtonGroup']
 		QButtonToggle: typeof import('@quidgest/ui/components')['QButtonToggle']
 		QCard: typeof import('@quidgest/ui/components')['QCard']
 		QCheckbox: typeof import('@quidgest/ui/components')['QCheckbox']
+		QCollapsible: typeof import('@quidgest/ui/components')['QCollapsible']
 		QCombobox: typeof import('@quidgest/ui/components')['QCombobox']
 		QDialog: typeof import('@quidgest/ui/components')['QDialog']
 		QField: typeof import('@quidgest/ui/components')['QField']

package/esm/utils/color.js

@@ -1,7 +1,7 @@
-function o(t) {
+function u(t) {
   return /^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/.test(t);
 }
-function u(t) {
+function o(t) {
   const n = t.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   if (n) {
     const s = parseInt(n[1], 10), e = parseInt(n[2], 10), r = parseInt(n[3], 10);
@@ -9,12 +9,12 @@ function u(t) {
   }
 }
 function d(t) {
-  if (o(t)) {
+  if (u(t)) {
     t.length === 4 && (t = "#" + t[1] + t[1] + t[2] + t[2] + t[3] + t[3]);
     const n = parseInt(t.slice(1, 3), 16), s = parseInt(t.slice(3, 5), 16), e = parseInt(t.slice(5, 7), 16);
     return { r: n, g: s, b: e };
   } else {
-    const n = u(t);
+    const n = o(t);
     if (n) return n;
   }
   throw new Error("Invalid color format");
@@ -51,8 +51,8 @@ function g(t) {
 }
 export {
   g as getContrastingColor,
-  o as isValidHex,
+  u as isValidHex,
   d as parseColor,
   b as rgbToHsl,
-  u as tryParseRgb
+  o as tryParseRgb
 };

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.5",
+  "version": "0.14.7",
   "private": false,
   "type": "module",
   "author": "Quidgest",
   "license": "MIT",
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "keywords": [
     "vue",
     "component-library",
@@ -42,52 +45,53 @@
     "./*": "./*"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome-free": "^6.7.1",
-    "@rollup/plugin-node-resolve": "^15.3.0",
+    "@fortawesome/fontawesome-free": "^6.7.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
-    "@storybook/addon-essentials": "^8.4.6",
-    "@storybook/addon-interactions": "^8.4.6",
-    "@storybook/addon-links": "^8.4.6",
-    "@storybook/blocks": "^8.4.6",
-    "@storybook/manager-api": "^8.4.6",
-    "@storybook/test": "^8.4.6",
-    "@storybook/theming": "^8.4.6",
-    "@storybook/vue3": "^8.4.6",
-    "@storybook/vue3-vite": "^8.4.6",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.4.7",
+    "@storybook/vue3": "^8.4.7",
+    "@storybook/vue3-vite": "^8.4.7",
     "@tsconfig/node20": "^20.1.4",
-    "@types/node": "^22.10.1",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
+    "@types/node": "^22.10.5",
+    "@typescript-eslint/eslint-plugin": "^8.19.0",
+    "@typescript-eslint/parser": "^8.19.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^2.1.8",
+    "@vitest/eslint-plugin": "^1.1.24",
     "@vitest/ui": "^2.1.8",
-    "@vue/eslint-config-typescript": "^12.0.0",
+    "@vue/eslint-config-prettier": "^10.1.0",
+    "@vue/eslint-config-typescript": "^14.2.0",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.7.0",
     "acorn-walk": "^8.3.4",
     "autoprefixer": "^10.4.20",
     "cssnano": "^7.0.6",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.17.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-storybook": "^0.11.1",
+    "eslint-plugin-storybook": "^0.11.2",
     "eslint-plugin-vue": "^9.32.0",
-    "happy-dom": "^15.11.7",
+    "happy-dom": "^16.3.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.3.0",
     "postcss": "^8.4.49",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "rimraf": "^6.0.1",
-    "sass": "^1.81.1",
-    "storybook": "^8.4.6",
-    "stylelint": "^16.11.0",
+    "sass": "^1.83.1",
+    "storybook": "^8.4.7",
+    "stylelint": "^16.12.0",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "typescript": "~5.6.3",
-    "vite": "^6.0.2",
-    "vite-plugin-dts": "^4.3.0",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.4.0",
     "vitest": "^2.1.8",
     "vue-eslint-parser": "^9.4.3",
-    "vue-tsc": "^2.1.10"
+    "vue-tsc": "^2.2.0"
   },
   "peerDependencies": {
     "vue": "^3.4.15"
@@ -101,8 +105,8 @@
     "type-check": "vue-tsc --noEmit -p tsconfig.dev.json --composite false",
     "format": "prettier . --check",
     "format:fix": "prettier . --write",
-    "lint": "eslint --max-warnings 0 --ext .js,.ts,.vue .",
-    "lint:fix": "eslint src --ext .ts,.vue --fix",
+    "lint": "eslint --max-warnings 0 .",
+    "lint:fix": "eslint . --fix",
     "lint:style": "stylelint \"**/*.scss\"",
     "test": "vitest",
     "test:coverage": "vitest run --coverage",