@quidgest/ui 0.16.3 → 0.16.4

package/esm/components/QSidebar/QSidebarAnchor.d.ts

@@ -0,0 +1,219 @@
+import { QSidebarAnchorProps } from './types';
+import { nextTick } from 'vue';
+type __VLS_Props = QSidebarAnchorProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        item: import('./types').QSidebarAnchorItemProps;
+    }) => any>>;
+    refs: {
+        itemRefs: (({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: boolean | undefined;
+                readonly id?: string | undefined;
+                readonly class?: string | unknown[] | undefined;
+                readonly label?: string | undefined;
+                readonly variant?: import('../QButton/types').QButtonVariant | undefined;
+                readonly color?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly borderless?: boolean | undefined;
+                readonly elevated?: boolean | undefined;
+                readonly block?: boolean | undefined;
+                readonly loading?: boolean | undefined;
+                readonly size?: import('../QButton/types').QButtonSize | undefined;
+                readonly iconPos?: import('../QButton/types').QButtonIconPosition | undefined;
+                readonly pill?: boolean | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: boolean) => void;
+            $el: HTMLButtonElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: boolean;
+            } & import('../../types/component').QBaseComponentProps & {
+                label?: string;
+                variant?: import('../QButton/types').QButtonVariant;
+                color?: string;
+                disabled?: boolean;
+                borderless?: boolean;
+                elevated?: boolean;
+                block?: boolean;
+                loading?: boolean;
+                size?: import('../QButton/types').QButtonSize;
+                iconPos?: import('../QButton/types').QButtonIconPosition;
+                pill?: boolean;
+            }> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: boolean;
+        } & import('../../types/component').QBaseComponentProps & {
+            label?: string;
+            variant?: import('../QButton/types').QButtonVariant;
+            color?: string;
+            disabled?: boolean;
+            borderless?: boolean;
+            elevated?: boolean;
+            block?: boolean;
+            loading?: boolean;
+            size?: import('../QButton/types').QButtonSize;
+            iconPos?: import('../QButton/types').QButtonIconPosition;
+            pill?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null)[];
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    "click:item": (id: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onClick:item"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemRefs: (({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: boolean | undefined;
+            readonly id?: string | undefined;
+            readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
+            readonly variant?: import('../QButton/types').QButtonVariant | undefined;
+            readonly color?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly borderless?: boolean | undefined;
+            readonly elevated?: boolean | undefined;
+            readonly block?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly size?: import('../QButton/types').QButtonSize | undefined;
+            readonly iconPos?: import('../QButton/types').QButtonIconPosition | undefined;
+            readonly pill?: boolean | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", value: boolean) => void;
+        $el: HTMLButtonElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            modelValue?: boolean;
+        } & import('../../types/component').QBaseComponentProps & {
+            label?: string;
+            variant?: import('../QButton/types').QButtonVariant;
+            color?: string;
+            disabled?: boolean;
+            borderless?: boolean;
+            elevated?: boolean;
+            block?: boolean;
+            loading?: boolean;
+            size?: import('../QButton/types').QButtonSize;
+            iconPos?: import('../QButton/types').QButtonIconPosition;
+            pill?: boolean;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        modelValue?: boolean;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+        variant?: import('../QButton/types').QButtonVariant;
+        color?: string;
+        disabled?: boolean;
+        borderless?: boolean;
+        elevated?: boolean;
+        block?: boolean;
+        loading?: boolean;
+        size?: import('../QButton/types').QButtonSize;
+        iconPos?: import('../QButton/types').QButtonIconPosition;
+        pill?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null)[];
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QSidebarAnchor.vue.d.ts.map

package/esm/components/QSidebar/QSidebarAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QSidebarAnchor.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarAnchor.vue"],"names":[],"mappings":"AA8BA;AA+HC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAGlD,OAAO,EAAE,QAAQ,EAAc,MAAM,KAAK,CAAA;AAE1C,KAAK,WAAW,GAAG,mBAAmB,CAAC;AAmFxC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAoFT,OAAO,IAA6B;;;UAZoC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyD09e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;EAxCxqf;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwB8hf,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;kBAfvqf,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/QSidebar/QSidebarAnchor.vue.js

@@ -0,0 +1,110 @@
+import { defineComponent as w, mergeModels as c, useModel as C, ref as d, watch as L, nextTick as q, createElementBlock as u, openBlock as s, normalizeStyle as f, createElementVNode as m, Fragment as I, renderList as V, createBlock as p, unref as h, withCtx as B, renderSlot as S, createCommentVNode as $, mergeProps as E } from "vue";
+import { QIcon as M } from "../QIcon/index.js";
+import { QToggle as Q } from "../QToggle/index.js";
+const T = { class: "q-sidebar__items" }, W = /* @__PURE__ */ w({
+  __name: "QSidebarAnchor",
+  props: /* @__PURE__ */ c({
+    anchorWidth: {},
+    showLabels: { type: Boolean },
+    panels: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ c(["click:item"], ["update:modelValue"]),
+  setup(r, { emit: v }) {
+    const i = r, _ = v, o = C(r, "modelValue"), a = d({
+      height: "0",
+      transform: "translateY(0)",
+      opacity: "0",
+      transition: "transform 0.3s ease, height 0.3s ease, opacity 0.2s ease"
+    }), l = d([]);
+    function g(e) {
+      o.value = o.value === e ? void 0 : e, _("click:item", e);
+    }
+    function b() {
+      if (!o.value) {
+        a.value = {
+          ...a.value,
+          opacity: "0",
+          height: "0"
+        };
+        return;
+      }
+      const e = i.panels.findIndex((x) => x.id === o.value);
+      if (e === -1 || !l.value[e])
+        return;
+      const n = l.value[e].$el || l.value[e];
+      if (!n) return;
+      const k = e === l.value.length - 1 ? n.offsetHeight : n.offsetHeight - 1, y = n.offsetTop;
+      a.value = {
+        ...a.value,
+        height: `${k}px`,
+        transform: `translateY(${y}px)`,
+        opacity: "1"
+      };
+    }
+    return L(o, () => q(b), { immediate: !0 }), (e, n) => (s(), u(
+      "div",
+      {
+        class: "q-sidebar-anchor",
+        style: f({ width: i.anchorWidth + "px" })
+      },
+      [
+        m("div", T, [
+          m(
+            "div",
+            {
+              class: "q-sidebar__indicator",
+              style: f(a.value)
+            },
+            null,
+            4
+            /* STYLE */
+          ),
+          (s(!0), u(
+            I,
+            null,
+            V(e.panels, (t) => (s(), p(h(Q), {
+              key: t.id,
+              ref_for: !0,
+              ref_key: "itemRefs",
+              ref: l,
+              "data-testid": "q-sidebar-panel-button",
+              "model-value": o.value === t.id,
+              label: i.showLabels ? t.title : void 0,
+              title: i.showLabels ? void 0 : t.title,
+              "icon-pos": "top",
+              class: "q-sidebar__item",
+              onClick: () => g(t.id)
+            }, {
+              default: B(() => [
+                S(e.$slots, t.id, { item: t }, () => [
+                  t.icon ? (s(), p(
+                    h(M),
+                    E({
+                      key: 0,
+                      ref_for: !0
+                    }, t.icon),
+                    null,
+                    16
+                    /* FULL_PROPS */
+                  )) : $("v-if", !0)
+                ])
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["model-value", "label", "title", "onClick"]))),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ],
+      4
+      /* STYLE */
+    ));
+  }
+});
+export {
+  W as default
+};

package/esm/components/QSidebar/QSidebarAnchor.vue2.js

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

package/esm/components/QSidebar/QSidebarPanel.d.ts

@@ -0,0 +1,41 @@
+import { QSidebarPanelProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        'header.prepend'?(_: {}): any;
+        'header.append'?(_: {}): any;
+        content?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        panelRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<QSidebarPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    resize: (width: number) => any;
+    "resize:start": () => any;
+    "resize:end": (finalWidth: number) => any;
+}, string, import('vue').PublicProps, Readonly<QSidebarPanelProps> & Readonly<{
+    onResize?: ((width: number) => any) | undefined;
+    "onResize:start"?: (() => any) | undefined;
+    "onResize:end"?: ((finalWidth: number) => any) | undefined;
+}>, {
+    showGrip: boolean;
+    initialWidth: import('./types').QSidebarPanelSize;
+    minWidth: import('./types').QSidebarPanelSize;
+    maxWidth: import('./types').QSidebarPanelSize;
+    resizePosition: "left" | "right";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    panelRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QSidebarPanel.vue.d.ts.map

package/esm/components/QSidebar/QSidebarPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QSidebarPanel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/QSidebarPanel.vue"],"names":[],"mappings":"AAsCA;AAwIC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAuGlD,iBAAS,cAAc;WAsET,OAAO,IAA6B;;wBAftB,GAAG;kCACO,GAAG;iCACJ,GAAG;yBACX,GAAG;wBACJ,GAAG;;;;;;EAgB9B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QSidebar/QSidebarPanel.vue.js

@@ -0,0 +1,90 @@
+import { defineComponent as y, useTemplateRef as q, ref as k, onUnmounted as R, createElementBlock as s, openBlock as i, createElementVNode as h, createCommentVNode as o, renderSlot as n, toDisplayString as W, normalizeClass as $ } from "vue";
+const g = { class: "q-sidebar-panel__header" }, E = {
+  key: 0,
+  class: "q-sidebar-panel__title"
+}, S = { class: "q-sidebar-panel__content" }, w = {
+  key: 0,
+  class: "q-sidebar-panel__footer"
+}, B = {
+  key: 0,
+  class: "q-sidebar-panel__grip"
+}, P = /* @__PURE__ */ y({
+  __name: "QSidebarPanel",
+  props: {
+    title: {},
+    icon: {},
+    resizable: { type: Boolean },
+    showGrip: { type: Boolean, default: !0 },
+    initialWidth: { default: "medium" },
+    minWidth: { default: "small" },
+    maxWidth: { default: "large" },
+    resizePosition: { default: "right" }
+  },
+  emits: ["resize", "resize:start", "resize:end"],
+  setup(v, { emit: _ }) {
+    const t = v, r = _, a = q("panelRef"), l = k(!1);
+    let d = 0, u = 0;
+    function z(e) {
+      t.resizable && (l.value = !0, d = e.clientX, u = a.value.clientWidth, document.addEventListener("mousemove", c), document.addEventListener("mouseup", p), document.body.style.userSelect = "none", r("resize:start"));
+    }
+    function c(e) {
+      if (!t.resizable || !l.value) return;
+      const f = t.resizePosition === "right" ? e.clientX - d : d - e.clientX, b = u + f;
+      r("resize", b);
+    }
+    function p() {
+      t.resizable && (l.value = !1, r("resize:end", a.value.clientWidth), m());
+    }
+    function m() {
+      t.resizable && (document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", p), document.body.style.userSelect = "");
+    }
+    return R(m), (e, f) => (i(), s(
+      "div",
+      {
+        ref_key: "panelRef",
+        ref: a,
+        class: "q-sidebar-panel"
+      },
+      [
+        h("div", g, [
+          n(e.$slots, "header", {}, () => [
+            n(e.$slots, "header.prepend"),
+            t.title ? (i(), s(
+              "h3",
+              E,
+              W(t.title),
+              1
+              /* TEXT */
+            )) : o("v-if", !0),
+            n(e.$slots, "header.append")
+          ])
+        ]),
+        h("div", S, [
+          n(e.$slots, "content")
+        ]),
+        e.$slots.footer ? (i(), s("div", w, [
+          n(e.$slots, "footer")
+        ])) : o("v-if", !0),
+        e.resizable ? (i(), s(
+          "div",
+          {
+            key: 1,
+            class: $(["q-sidebar-panel__handle", `q-sidebar-panel__handle--${e.resizePosition}`]),
+            "data-testid": "q-sidebar-panel-handle",
+            onMousedown: z
+          },
+          [
+            e.showGrip ? (i(), s("div", B)) : o("v-if", !0)
+          ],
+          34
+          /* CLASS, NEED_HYDRATION */
+        )) : o("v-if", !0)
+      ],
+      512
+      /* NEED_PATCH */
+    ));
+  }
+});
+export {
+  P as default
+};

package/esm/components/QSidebar/QSidebarPanel.vue2.js

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

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

@@ -0,0 +1,72 @@
+declare const QSidebar: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+    } & import('./types').QSidebarAnchorProps & {
+        position?: "left" | "right";
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onResize?: ((width: number) => any) | undefined;
+        "onClick:item"?: ((id: string) => any) | undefined;
+        "onResize:start"?: (() => any) | undefined;
+        "onResize:end"?: ((finalWidth: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    } & {
+        resize: (width: number) => any;
+        "click:item": (id: string) => any;
+        "resize:start": () => any;
+        "resize:end": (finalWidth: number) => any;
+    }, import('vue').PublicProps, {
+        position: "left" | "right";
+        anchorWidth: number;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+    } & import('./types').QSidebarAnchorProps & {
+        position?: "left" | "right";
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onResize?: ((width: number) => any) | undefined;
+        "onClick:item"?: ((id: string) => any) | undefined;
+        "onResize:start"?: (() => any) | undefined;
+        "onResize:end"?: ((finalWidth: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        position: "left" | "right";
+        anchorWidth: number;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: string;
+} & import('./types').QSidebarAnchorProps & {
+    position?: "left" | "right";
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onResize?: ((width: number) => any) | undefined;
+    "onClick:item"?: ((id: string) => any) | undefined;
+    "onResize:start"?: (() => any) | undefined;
+    "onResize:end"?: ((finalWidth: number) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+} & {
+    resize: (width: number) => any;
+    "click:item": (id: string) => any;
+    "resize:start": () => any;
+    "resize:end": (finalWidth: number) => any;
+}, string, {
+    position: "left" | "right";
+    anchorWidth: number;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<`anchor:${string}`, (_: {
+        item: import('./types').QSidebarAnchorItemProps;
+    }) => any>> & Partial<Record<`header.prepend:${string}`, (_: {}) => any>> & Partial<Record<`header:${string}`, (_: {}) => any>> & Partial<Record<`header.append:${string}`, (_: {}) => any>> & Partial<Record<`content:${string}`, (_: {}) => any>> & Partial<Record<`footer:${string}`, (_: {}) => any>>;
+});
+export { QSidebar };
+//# sourceMappingURL=index.d.ts.map

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

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

package/esm/components/QSidebar/index.js

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

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

@@ -0,0 +1,63 @@
+import { Icon } from '../QIcon';
+/**
+ * Defines the base properties for a sidebar anchor item.
+ */
+type QSidebarAnchorItemBaseProps = {
+    /** Unique identifier for the sidebar item. */
+    id: string;
+    /** Display title of the sidebar item. */
+    title: string;
+    /** Optional icon to be displayed alongside the title. */
+    icon?: Icon;
+};
+/**
+ * Predefined panel size options for the sidebar.
+ * These sizes help maintain a consistent and adjustable sidebar layout.
+ */
+export type QSidebarPanelSize = 'small' | 'medium' | 'large';
+/**
+ * Properties for a sidebar item, extending the base item properties,
+ * and adding options for resizability and panel dimensions.
+ */
+export type QSidebarAnchorItemProps = QSidebarAnchorItemBaseProps & {
+    /** Whether the panel is resizable by the user. */
+    resizable?: boolean;
+    /** Whether to display the resize grip. Only applies if `resizable` is true. */
+    showGrip?: boolean;
+    /** Initial panel width using predefined size options. */
+    initialWidth?: QSidebarPanelSize;
+    /** Minimum allowed width for the panel (by predefined size). */
+    minWidth?: QSidebarPanelSize;
+    /** Maximum allowed width for the panel (by predefined size). */
+    maxWidth?: QSidebarPanelSize;
+};
+/**
+ * Extended panel properties used internally for rendering active panel views.
+ * Inherits from `QSidebarAnchorItemProps` with adjustments for resize position.
+ */
+export type QSidebarPanelProps = Omit<QSidebarAnchorItemProps, 'id'> & {
+    /** Position of the resize grip relative to the panel. */
+    resizePosition?: 'left' | 'right';
+};
+/**
+ * Properties for configuring the anchor section of the sidebar.
+ * Includes the width of the anchor section and panel configurations.
+ */
+export type QSidebarAnchorProps = {
+    /** Width of the anchor section (in pixels). */
+    anchorWidth?: number;
+    /** Whether to display labels alongside icons in anchor items. */
+    showLabels?: boolean;
+    /** List of panels that can be anchored in the sidebar. */
+    panels: QSidebarAnchorItemProps[];
+};
+/**
+ * Complete set of props for the `QSidebar` component, combining anchor section props
+ * with additional sidebar position configuration.
+ */
+export type QSidebarProps = QSidebarAnchorProps & {
+    /** Position of the sidebar on the screen. Can be either 'left' or 'right'. */
+    position?: 'left' | 'right';
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QSidebar/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAEpC;;GAEG;AACH,KAAK,2BAA2B,GAAG;IAClC,8CAA8C;IAC9C,EAAE,EAAE,MAAM,CAAA;IACV,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,IAAI,CAAC,EAAE,IAAI,CAAA;CACX,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE5D;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IACnE,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yDAAyD;IACzD,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,uBAAuB,EAAE,IAAI,CAAC,GAAG;IACtE,yDAAyD;IACzD,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACjC,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IACjC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0DAA0D;IAC1D,MAAM,EAAE,uBAAuB,EAAE,CAAA;CACjC,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAC3B,CAAA"}

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

@@ -6,7 +6,7 @@ export type QToggleGroupProps = QButtonGroupProps & {
      */
     multiple?: boolean;
     /**
-     * Indicates if options can be deselected.
+     * Indicates if there should be at least one option selected.
      */
     required?: boolean;
 };

package/esm/components/index.d.ts

@@ -11,10 +11,12 @@ export * from './QCombobox';
 export * from './QDateTimePicker';
 export * from './QDialog';
 export * from './QDismissibleLayer';
+export * from './QDivider';
 export * from './QDropdownMenu';
 export * from './QField';
 export * from './QFileUpload';
 export * from './QFocusTrap';
+export * from './QGrid';
 export * from './QIcon';
 export * from './QInputGroup';
 export * from './QLabel';
@@ -27,6 +29,7 @@ export * from './QPopover';
 export * from './QPropertyList';
 export * from './QRadioGroup';
 export * from './QSelect';
+export * from './QSidebar';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
 export * from './QTextArea';