@quidgest/ui 0.14.5 → 0.14.6

package/esm/components/QCombobox/QCombobox.d.ts

@@ -65,8 +65,8 @@ declare function __VLS_template(): {
             }, string, {
                 size: import('..').QFieldSize;
                 class: string | unknown[];
-                type: string;
                 label: string;
+                type: string;
                 role: string;
                 id: string;
                 placeholder: string;
@@ -94,8 +94,8 @@ declare function __VLS_template(): {
         } & Readonly<{
             size: import('..').QFieldSize;
             class: string | unknown[];
-            type: string;
             label: string;
+            type: string;
             role: string;
             id: string;
             placeholder: string;
@@ -104,7 +104,7 @@ declare function __VLS_template(): {
             modelValue?: string;
         } & import('../QTextField/types').QTextFieldProps> & Readonly<{
             "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-        }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+        }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
             fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
             inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -328,8 +328,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }, string, {
             size: import('..').QFieldSize;
             class: string | unknown[];
-            type: string;
             label: string;
+            type: string;
             role: string;
             id: string;
             placeholder: string;
@@ -357,8 +357,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     } & Readonly<{
         size: import('..').QFieldSize;
         class: string | unknown[];
-        type: string;
         label: string;
+        type: string;
         role: string;
         id: string;
         placeholder: string;
@@ -367,7 +367,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-    }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+    }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -422,8 +422,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         }, string, {
             size: import('..').QFieldSize;
             class: string | unknown[];
-            type: string;
             label: string;
+            type: string;
             role: string;
             id: string;
             placeholder: string;
@@ -451,8 +451,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     } & Readonly<{
         size: import('..').QFieldSize;
         class: string | unknown[];
-        type: string;
         label: string;
+        type: string;
         role: string;
         id: string;
         placeholder: string;
@@ -461,7 +461,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         modelValue?: string;
     } & import('../QTextField/types').QTextFieldProps> & Readonly<{
         "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
-    }>, "fieldRef" | "inputRef" | ("size" | "class" | "type" | "label" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
+    }>, "fieldRef" | "inputRef" | ("size" | "class" | "label" | "type" | "role" | "id" | "placeholder" | "maxLength")> & import('vue').ShallowUnwrapRef<{
         fieldRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
         inputRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/esm/components/QIcon/QIconFont.d.ts

@@ -1,9 +1,9 @@
 import { QIconFontProps } from './types';
 declare const _default: import('vue').DefineComponent<QIconFontProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QIconFontProps> & Readonly<{}>, {
     size: number;
+    variant: string;
     class: string | unknown[];
     library: string;
-    variant: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=QIconFont.vue.d.ts.map

package/esm/components/QTextField/QTextField.d.ts

@@ -101,8 +101,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     size: import('../QField').QFieldSize;
     class: string | unknown[];
-    type: string;
     label: string;
+    type: string;
     role: string;
     id: string;
     placeholder: string;

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

@@ -22,8 +22,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
 }>, {
     class: string | unknown[];
-    anchor: import('../../utils/getElement').Selector;
     html: boolean;
+    anchor: import('../../utils/getElement').Selector;
     icon: import('../QIcon').Icon;
     id: string;
     appearance: import('../../composables/overlay').Appearance;

package/esm/components/index.d.ts

@@ -1,9 +1,11 @@
+export * from './QAccordion';
 export * from './QBadge';
 export * from './QButton';
 export * from './QButtonGroup';
 export * from './QButtonToggle';
 export * from './QCard';
 export * from './QCheckbox';
+export * from './QCollapsible';
 export * from './QCombobox';
 export * from './QDialog';
 export * from './QField';

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,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,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,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,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,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

@@ -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/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 o, provide as s, inject as n } from "vue";
+const i = "q-group";
+function p(u) {
+  var v, l;
+  const e = {
+    active: c(((v = u.active) == null ? void 0 : v.value) ?? ((l = u.multiple) == null ? void 0 : l.value) ? [] : null),
+    multiple: t(() => {
+      var a;
+      return ((a = u.multiple) == null ? void 0 : a.value) || !1;
+    })
+  };
+  return o(
+    () => 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 = n(i, void 0);
+  if (!e) return;
+  const v = 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: v, toggle: () => {
+    var a;
+    Array.isArray(e.active.value) ? v.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/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/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.5",
+  "version": "0.14.6",
   "private": false,
   "type": "module",
   "author": "Quidgest",
   "license": "MIT",
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "keywords": [
     "vue",
     "component-library",