@quidgest/ui 0.15.9 → 0.16.0

package/esm/composables/{group.d.ts → useGroup/index.d.ts}

@@ -11,7 +11,7 @@ export interface GroupProps<T> {
      * - When multiple is false: A single active item of type T
      * - When multiple is true: An array of active items of type T[]
      */
-    active: MaybeRef<T | T[]>;
+    active: MaybeRef<T | T[] | undefined>;
     /**
      * Whether multiple items can be active simultaneously
      * - When true: active will be treated as T[]
@@ -19,6 +19,10 @@ export interface GroupProps<T> {
      * @default false
      */
     multiple?: MaybeRef<boolean>;
+    /**
+     * Specifies whether at least one item must be active.
+     */
+    required?: MaybeRef<boolean>;
 }
 /**
  * Interface for the group state
@@ -35,6 +39,10 @@ export interface Group<T> {
      * Computed boolean indicating if multiple selection is enabled
      */
     multiple: ComputedRef<boolean>;
+    /**
+     * Specifies whether at least one item must be active.
+     */
+    required?: ComputedRef<boolean>;
 }
 /**
  * Interface for the values provided to child components via provide/inject
@@ -92,5 +100,5 @@ export declare function useGroup<T>(options: GroupProps<T>): Group<T>;
  * - In single selection mode, activating an item deactivates others
  * - In multiple selection mode, multiple items can be active simultaneously
  */
-export declare function useGroupItem(itemId: string): GroupProvide | undefined;
-//# sourceMappingURL=group.d.ts.map
+export declare function useGroupItem(itemId: MaybeRef<string>): GroupProvide | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composables/useGroup/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;IAErC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;IAEhC;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAiC5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,YAAY,GAAG,SAAS,CAyC/E"}

package/esm/composables/useGroup/index.js

@@ -0,0 +1,38 @@
+import { inject as d, computed as l, unref as u, ref as s, watch as o, provide as m } from "vue";
+const n = Symbol.for("q-group");
+function p(a) {
+  const e = {
+    active: s(
+      u(a.multiple) ? Array.isArray(u(a.active)) ? u(a.active) : u(a.active) !== void 0 ? [u(a.active)] : [] : u(a.active)
+    ),
+    multiple: l(() => u(a.multiple) || !1),
+    required: l(() => u(a.required) || !1)
+  };
+  return o(
+    () => e.multiple.value,
+    (i) => {
+      i && e.active.value ? e.active.value = [e.active.value] : i ? e.active.value = [] : Array.isArray(e.active.value) && e.active.value.length === 1 ? e.active.value = e.active.value[0] : e.active.value = void 0;
+    }
+  ), m(n, e), e;
+}
+function q(a) {
+  const e = d(n, void 0);
+  if (!e) return;
+  const i = l(() => {
+    var r;
+    const v = u(a);
+    return Array.isArray(e.active.value) ? (r = e.active.value) == null ? void 0 : r.includes(v) : e.active.value === v;
+  });
+  return { isActive: i, toggle: () => {
+    var r, t, c;
+    const v = u(a);
+    Array.isArray(e.active.value) ? i.value ? (!((r = e.required) != null && r.value) || e.active.value.length > 1) && (e.active.value = (t = e.active.value) == null ? void 0 : t.filter(
+      (f) => f !== v
+    )) : e.active.value.push(v) : e.active.value !== v ? e.active.value = v : (c = e.required) != null && c.value || (e.active.value = void 0);
+  } };
+}
+export {
+  n as GroupSymbol,
+  p as useGroup,
+  q as useGroupItem
+};

package/esm/index.d.ts

@@ -8,11 +8,11 @@ export * from './composables';
 declare module '@vue/runtime-core' {
 	export interface GlobalComponents {
 		QAccordion: typeof import('@quidgest/ui/components')['QAccordion']
+		QAccordionItem: typeof import('@quidgest/ui/components')['QAccordionItem']
 		QBadge: typeof import('@quidgest/ui/components')['QBadge']
 		QBadgeIndicator: typeof import('@quidgest/ui/components')['QBadgeIndicator']
 		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']
 		QCheckboxLabel: typeof import('@quidgest/ui/components')['QCheckboxLabel']
@@ -52,6 +52,9 @@ declare module '@vue/runtime-core' {
 		QTextArea: typeof import('@quidgest/ui/components')['QTextArea']
 		QTextField: typeof import('@quidgest/ui/components')['QTextField']
 		QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']
+		QToggle: typeof import('@quidgest/ui/components')['QToggle']
+		QToggleGroup: typeof import('@quidgest/ui/components')['QToggleGroup']
+		QToggleGroupItem: typeof import('@quidgest/ui/components')['QToggleGroupItem']
 		QTooltip: typeof import('@quidgest/ui/components')['QTooltip']
 	}
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.15.9",
+  "version": "0.16.0",
   "private": false,
   "type": "module",
   "author": "Quidgest",

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

@@ -1 +0,0 @@
-{"version":3,"file":"QButtonToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/QButtonToggle.vue"],"names":[],"mappings":"AAqBA;AA8CC,OAAO,KAAK,EAAuB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEtE,KAAK,WAAW,GAAG,kBAAkB,CAAC;AAavC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAyET,OAAO,IAA6B;6CAXqC,GAAG;;;EAgBzF;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QButtonToggle/QButtonToggle.vue.js

@@ -1,62 +0,0 @@
-import { defineComponent as u, mergeModels as c, useModel as m, createBlock as s, openBlock as o, unref as d, normalizeClass as f, withCtx as i, createElementBlock as b, Fragment as k, renderList as p, renderSlot as v } from "vue";
-import { QButton as y } from "../QButton/index.js";
-import { QButtonGroup as B } from "../QButtonGroup/index.js";
-const M = /* @__PURE__ */ u({
-  __name: "QButtonToggle",
-  props: /* @__PURE__ */ c({
-    id: {},
-    class: {},
-    options: {},
-    disabled: { type: Boolean },
-    borderless: { type: Boolean },
-    elevated: { type: Boolean },
-    required: { type: Boolean }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(r) {
-    const e = r, t = m(r, "modelValue");
-    function n(a) {
-      t.value === a.key && !e.required ? t.value = void 0 : t.value = a.key;
-    }
-    return (a, g) => (o(), s(d(B), {
-      id: e.id,
-      class: f(e.class),
-      disabled: e.disabled,
-      borderless: e.borderless,
-      elevated: e.elevated,
-      role: "listbox"
-    }, {
-      default: i(() => [
-        (o(!0), b(
-          k,
-          null,
-          p(e.options, (l) => (o(), s(d(y), {
-            key: l.key,
-            title: l.title,
-            label: l.label,
-            active: t.value === l.key,
-            role: "option",
-            "aria-selected": t.value === l.key,
-            onClick: () => n(l)
-          }, {
-            default: i(() => [
-              v(a.$slots, l.key)
-            ]),
-            _: 2
-            /* DYNAMIC */
-          }, 1032, ["title", "label", "active", "aria-selected", "onClick"]))),
-          128
-          /* KEYED_FRAGMENT */
-        ))
-      ]),
-      _: 3
-      /* FORWARDED */
-    }, 8, ["id", "class", "disabled", "borderless", "elevated"]));
-  }
-});
-export {
-  M as default
-};

package/esm/components/QButtonToggle/QButtonToggle.vue2.js

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

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

@@ -1,51 +0,0 @@
-declare const QButtonToggle: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: string;
-    } & import('../../types/component').QBaseComponentProps & {
-        options: Array<import('./types').QButtonToggleOption>;
-        disabled?: boolean;
-        borderless?: boolean;
-        elevated?: boolean;
-        required?: boolean;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (value: string) => any;
-    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue?: string;
-    } & import('../../types/component').QBaseComponentProps & {
-        options: Array<import('./types').QButtonToggleOption>;
-        disabled?: boolean;
-        borderless?: boolean;
-        elevated?: boolean;
-        required?: boolean;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    }>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    modelValue?: string;
-} & import('../../types/component').QBaseComponentProps & {
-    options: Array<import('./types').QButtonToggleOption>;
-    disabled?: boolean;
-    borderless?: boolean;
-    elevated?: boolean;
-    required?: boolean;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: {}) => any>>;
-});
-export { QButtonToggle };
-//# sourceMappingURL=index.d.ts.map

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

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

package/esm/components/QButtonToggle/types.d.ts

@@ -1,29 +0,0 @@
-import { QBaseComponentProps } from '../../types/component';
-export type QButtonToggleOption = {
-    key: string;
-    title?: string;
-    label?: string;
-};
-export type QButtonToggleProps = QBaseComponentProps & {
-    /**
-     * The list of available options to display
-     */
-    options: Array<QButtonToggleOption>;
-    /**
-     * Indicates if the button toggle is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Indicates if the buttons' border should be removed.
-     */
-    borderless?: boolean;
-    /**
-     * Indicates if the buttons should have an elevated appearance.
-     */
-    elevated?: boolean;
-    /**
-     * Indicates if options can be deselected.
-     */
-    required?: boolean;
-};
-//# sourceMappingURL=types.d.ts.map

package/esm/components/QButtonToggle/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonToggle/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAEhE,MAAM,MAAM,mBAAmB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,GAAG;IACtD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../src/composables/group.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAKnE,qDAAqD;AACrD,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAyB,CAAA;AAE9E;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IAC5B;;;;OAIG;IACH,MAAM,EAAE,QAAQ,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;IAEzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC5B;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC;IACvB;;;;OAIG;IACH,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,CAAC,CAAA;IAEhC;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B;;OAEG;IACH,MAAM,EAAE,MAAM,IAAI,CAAA;IAElB;;OAEG;IACH,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA0B5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAyBrE"}

package/esm/composables/group.js

@@ -1,31 +0,0 @@
-import { inject as c, computed as v, unref as t, ref as n, watch as f, provide as o } from "vue";
-const l = Symbol.for("q-group");
-function g(u) {
-  const e = {
-    active: n(t(u.active) ?? (t(u.multiple) ? [] : void 0)),
-    multiple: v(() => t(u.multiple) || !1)
-  };
-  return f(
-    () => 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 = void 0;
-    }
-  ), o(l, e), e;
-}
-function y(u) {
-  const e = c(l, void 0);
-  if (!e) return;
-  const a = v(() => {
-    var i;
-    return Array.isArray(e.active.value) ? (i = e.active.value) == null ? void 0 : i.includes(u) : e.active.value === u;
-  });
-  return { isActive: a, toggle: () => {
-    var i;
-    Array.isArray(e.active.value) ? a.value ? e.active.value = (i = e.active.value) == null ? void 0 : i.filter((r) => r !== u) : e.active.value.push(u) : e.active.value = u;
-  } };
-}
-export {
-  l as GroupSymbol,
-  g as useGroup,
-  y as useGroupItem
-};