@quidgest/ui 0.14.16 → 0.14.17

package/dist/ui.scss

@@ -1,5 +1,5 @@
 /*!
- * Quidgest UI v0.14.16
+ * Quidgest UI v0.14.17
  * (c) 2025 Quidgest - Consultores de Gestão, S.A.
  * Released under the MIT License.
  */
@@ -1901,6 +1901,62 @@ $spinner-color: var(--q-theme-primary);
     transform: rotate(1turn);
   }
 }
+.q-text-area {
+  
+  display: flex;
+  flex-direction: column;
+  &__input {
+    width: 100%;
+    line-height: inherit;
+    outline: none;
+    color: inherit;
+    background-color: transparent;
+    padding: 0;
+    min-height: 2.5rem;
+    resize: vertical;
+    font-family: inherit;
+    font-size: inherit;
+    border: 0;
+    &::placeholder {
+      font-style: italic;
+      color: var(--q-theme-neutral);
+    }
+    &:disabled {
+      user-select: none;
+    }
+    &:hover {
+      cursor: inherit;
+    }
+    
+    @mixin resize-attr($direction) {
+      &[resize='#{$direction}'] {
+        resize: $direction;
+      }
+    }
+    @include resize-attr(none);
+    @include resize-attr(horizontal);
+    @include resize-attr(vertical);
+    @include resize-attr(both);
+  }
+  .q-text-area__input {
+    flex: 1;
+    min-width: 0; 
+  }
+}
+.q-field--mini,
+.q-field--small,
+.q-field--medium,
+.q-field--large,
+.q-field--xlarge,
+.q-field--xxlarge,
+.q-field--block {
+  > .q-field__control:has(
+      .q-text-area__input[resize='both'],
+      .q-text-area__input[resize='horizontal']
+    ) {
+    width: unset;
+  }
+}
 .q-text-field__input {
   width: 100%;
   line-height: inherit;

package/esm/components/QTextArea/QTextArea.d.ts

@@ -0,0 +1,39 @@
+import { QTextAreaProps } from './types';
+type __VLS_Props = QTextAreaProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+    };
+    refs: {
+        textareaRef: HTMLTextAreaElement;
+    };
+    rootEl: any;
+};
+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;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    resize: "none" | "both" | "horizontal" | "vertical";
+    rows: number;
+    wrap: "soft" | "hard" | "off";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=QTextArea.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QTextArea.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/QTextArea.vue"],"names":[],"mappings":"AAgDA;AA8GC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAO7C,KAAK,WAAW,GAAG,cAAc,CAAC;AAoDnC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;iCAhBb,GAAG;gCACJ,GAAG;yBACV,GAAG;wBACJ,GAAG;wBACF,GAAG;;;;;;EAiB/B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;OASnB,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/QTextArea/QTextArea.vue.js

@@ -0,0 +1,105 @@
+import { defineComponent as b, mergeModels as h, useModel as z, computed as s, ref as g, createBlock as x, openBlock as w, unref as o, normalizeClass as q, createSlots as $, withCtx as a, withDirectives as k, createElementVNode as v, mergeProps as B, toHandlers as M, vModelText as V, renderSlot as r } from "vue";
+import { QField as L } from "../QField/index.js";
+import { useId as A } from "../../composables/uid.js";
+import { useTextareaAutosize as C } from "../../vendors/@vueuse/core/index.js";
+const H = ["id", "required", "placeholder", "readonly", "disabled", "maxlength", "rows", "cols", "resize", "wrap"], Q = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "QTextArea",
+  props: /* @__PURE__ */ h({
+    id: {},
+    class: {},
+    label: {},
+    for: {},
+    size: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    placeholder: {},
+    maxLength: {},
+    rows: { default: 3 },
+    cols: {},
+    resize: { default: "vertical" },
+    wrap: { default: "soft" },
+    autosize: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, d = z(t, "modelValue"), n = A(e.id), m = s(
+      () => e.readonly || e.disabled ? void 0 : e.placeholder
+    ), f = s(() => ({ input: e.autosize ? c : null })), i = g(), { triggerResize: c } = C({
+      element: s(() => e.autosize ? i.value : void 0),
+      styleProp: "minHeight"
+    }), p = s({
+      get: () => d.value,
+      set: (l) => {
+        d.value = e.maxLength ? l == null ? void 0 : l.slice(0, e.maxLength) : l;
+      }
+    });
+    return (l, u) => (w(), x(o(L), {
+      class: q(["q-text-area", e.class]),
+      for: o(n),
+      label: e.label,
+      size: e.size,
+      readonly: e.readonly,
+      disabled: e.disabled,
+      required: e.required
+    }, $({
+      "label.prepend": a(() => [
+        r(l.$slots, "label.prepend")
+      ]),
+      "label.append": a(() => [
+        r(l.$slots, "label.append")
+      ]),
+      default: a(() => [
+        k(v("textarea", B({
+          id: o(n),
+          ref_key: "textareaRef",
+          ref: i,
+          "onUpdate:modelValue": u[0] || (u[0] = (y) => p.value = y),
+          class: "q-text-area__input",
+          required: e.required,
+          placeholder: m.value,
+          readonly: e.readonly,
+          disabled: e.disabled,
+          maxlength: e.maxLength,
+          rows: e.rows,
+          cols: e.cols,
+          resize: e.resize,
+          wrap: e.wrap
+        }, l.$attrs, M(f.value, !0)), null, 16, H), [
+          [V, p.value]
+        ])
+      ]),
+      _: 2
+      /* DYNAMIC */
+    }, [
+      l.$slots.prepend ? {
+        name: "prepend",
+        fn: a(() => [
+          r(l.$slots, "prepend")
+        ]),
+        key: "0"
+      } : void 0,
+      l.$slots.append ? {
+        name: "append",
+        fn: a(() => [
+          r(l.$slots, "append")
+        ]),
+        key: "1"
+      } : void 0,
+      l.$slots.extras ? {
+        name: "extras",
+        fn: a(() => [
+          r(l.$slots, "extras")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1032, ["class", "for", "label", "size", "readonly", "disabled", "required"]));
+  }
+});
+export {
+  Q as default
+};

package/esm/components/QTextArea/QTextArea.vue2.js

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

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

@@ -0,0 +1,98 @@
+declare const QTextArea: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+        for?: string;
+        size?: import('..').QFieldSize;
+        readonly?: boolean;
+        disabled?: boolean;
+        required?: boolean;
+    } & {
+        placeholder?: string;
+        maxLength?: number;
+        rows?: number;
+        cols?: number;
+        resize?: "none" | "both" | "horizontal" | "vertical";
+        wrap?: "soft" | "hard" | "off";
+        autosize?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    }, import('vue').PublicProps, {
+        resize: "none" | "both" | "horizontal" | "vertical";
+        rows: number;
+        wrap: "soft" | "hard" | "off";
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        textareaRef: HTMLTextAreaElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: string;
+    } & import('../../types/component').QBaseComponentProps & {
+        label?: string;
+        for?: string;
+        size?: import('..').QFieldSize;
+        readonly?: boolean;
+        disabled?: boolean;
+        required?: boolean;
+    } & {
+        placeholder?: string;
+        maxLength?: number;
+        rows?: number;
+        cols?: number;
+        resize?: "none" | "both" | "horizontal" | "vertical";
+        wrap?: "soft" | "hard" | "off";
+        autosize?: boolean;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        resize: "none" | "both" | "horizontal" | "vertical";
+        rows: number;
+        wrap: "soft" | "hard" | "off";
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    modelValue?: string;
+} & import('../../types/component').QBaseComponentProps & {
+    label?: string;
+    for?: string;
+    size?: import('..').QFieldSize;
+    readonly?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+} & {
+    placeholder?: string;
+    maxLength?: number;
+    rows?: number;
+    cols?: number;
+    resize?: "none" | "both" | "horizontal" | "vertical";
+    wrap?: "soft" | "hard" | "off";
+    autosize?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, {
+    resize: "none" | "both" | "horizontal" | "vertical";
+    rows: number;
+    wrap: "soft" | "hard" | "off";
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        'label.prepend'?(_: {}): any;
+        'label.append'?(_: {}): any;
+        prepend?(_: {}): any;
+        append?(_: {}): any;
+        extras?(_: {}): any;
+    };
+});
+export { QTextArea };
+//# sourceMappingURL=index.d.ts.map

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

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

package/esm/components/QTextArea/index.js

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

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

@@ -0,0 +1,33 @@
+import { QFieldProps } from '../QField';
+export type QTextAreaProps = QFieldProps & {
+    /**
+     * The placeholder text for the text area field.
+     */
+    placeholder?: string;
+    /**
+     * If set, defines the maximum string length
+     * that the user can enter into the text area field.
+     */
+    maxLength?: number;
+    /**
+     * The number of rows of the text area field.
+     */
+    rows?: number;
+    /**
+     * The number of columns of the text area field.
+     */
+    cols?: number;
+    /**
+     * Whether the width and/or height of the text area field can be resized.
+     */
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    /**
+     * Whether the text of the text area field can be wrapped and how.
+     */
+    wrap?: 'soft' | 'hard' | 'off';
+    /**
+     * Whether the text area field will be auto-sized.
+     */
+    autosize?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QTextArea/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG;IAC1C;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAA;IAEpD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA"}

package/esm/components/index.d.ts

@@ -24,6 +24,7 @@ export * from './QPropertyList';
 export * from './QSelect';
 export * from './QSkeletonLoader';
 export * from './QSpinnerLoader';
+export * from './QTextArea';
 export * from './QTextField';
 export * from './QThemeProvider';
 export * from './QTooltip';

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,mBAAmB,CAAA;AACjC,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,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,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,mBAAmB,CAAA;AACjC,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,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,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,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}

package/esm/components/index.js

@@ -8,8 +8,8 @@ import { QCard as c } from "./QCard/index.js";
 import { QCheckbox as u } from "./QCheckbox/index.js";
 import { QCollapsible as P } from "./QCollapsible/index.js";
 import { QColorPicker as g } from "./QColorPicker/index.js";
-import { QCombobox as B } from "./QCombobox/index.js";
-import { QDateTimePicker as T } from "./QDateTimePicker/index.js";
+import { QCombobox as y } from "./QCombobox/index.js";
+import { QDateTimePicker as C } from "./QDateTimePicker/index.js";
 import { QDialog as k } from "./QDialog/index.js";
 import { QDropdownMenu as F } from "./QDropdownMenu/index.js";
 import { QField as S } from "./QField/index.js";
@@ -24,9 +24,10 @@ import { QPropertyList as Z, QPropertyListGroup as _, QPropertyListPanel as $, Q
 import { QSelect as eo } from "./QSelect/index.js";
 import { QSkeletonLoader as po } from "./QSkeletonLoader/index.js";
 import { QSpinnerLoader as mo } from "./QSpinnerLoader/index.js";
-import { QTextField as fo } from "./QTextField/index.js";
-import { QThemeProvider as no } from "./QThemeProvider/index.js";
-import { QTooltip as ao } from "./QTooltip/index.js";
+import { QTextArea as fo } from "./QTextArea/index.js";
+import { QTextField as no } from "./QTextField/index.js";
+import { QThemeProvider as ao } from "./QThemeProvider/index.js";
+import { QTooltip as Lo } from "./QTooltip/index.js";
 export {
   e as QAccordion,
   p as QBadge,
@@ -38,8 +39,8 @@ export {
   u as QCheckbox,
   P as QCollapsible,
   g as QColorPicker,
-  B as QCombobox,
-  T as QDateTimePicker,
+  y as QCombobox,
+  C as QDateTimePicker,
   k as QDialog,
   F as QDropdownMenu,
   S as QField,
@@ -62,7 +63,8 @@ export {
   eo as QSelect,
   po as QSkeletonLoader,
   mo as QSpinnerLoader,
-  fo as QTextField,
-  no as QThemeProvider,
-  ao as QTooltip
+  fo as QTextArea,
+  no as QTextField,
+  ao as QThemeProvider,
+  Lo as QTooltip
 };

package/esm/index.d.ts

@@ -41,6 +41,7 @@ declare module '@vue/runtime-core' {
 		QSelect: typeof import('@quidgest/ui/components')['QSelect']
 		QSkeletonLoader: typeof import('@quidgest/ui/components')['QSkeletonLoader']
 		QSpinnerLoader: typeof import('@quidgest/ui/components')['QSpinnerLoader']
+		QTextArea: typeof import('@quidgest/ui/components')['QTextArea']
 		QTextField: typeof import('@quidgest/ui/components')['QTextField']
 		QThemeProvider: typeof import('@quidgest/ui/components')['QThemeProvider']
 		QTooltip: typeof import('@quidgest/ui/components')['QTooltip']

package/esm/vendors/@vueuse/core/index.js

@@ -0,0 +1,85 @@
+import { toRef as y, isClient as x, tryOnScopeDispose as _ } from "../shared/index.js";
+import { noop as C } from "../shared/index.js";
+import { shallowRef as m, watch as v, nextTick as b, toValue as h, computed as w, getCurrentInstance as R, onMounted as z } from "vue";
+const p = x ? window : void 0;
+function g(e) {
+  var t;
+  const r = h(e);
+  return (t = r == null ? void 0 : r.$el) != null ? t : r;
+}
+function A() {
+  const e = m(!1), t = R();
+  return t && z(() => {
+    e.value = !0;
+  }, t), e;
+}
+function O(e) {
+  const t = A();
+  return w(() => (t.value, !!e()));
+}
+function M(e, t, r = {}) {
+  const { window: d = p, ...u } = r;
+  let l;
+  const o = O(() => d && "ResizeObserver" in d), a = () => {
+    l && (l.disconnect(), l = void 0);
+  }, f = w(() => {
+    const i = h(e);
+    return Array.isArray(i) ? i.map((s) => g(s)) : [g(i)];
+  }), c = v(
+    f,
+    (i) => {
+      if (a(), o.value && d) {
+        l = new ResizeObserver(t);
+        for (const s of i)
+          s && l.observe(s, u);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), n = () => {
+    a(), c();
+  };
+  return _(n), {
+    isSupported: o,
+    stop: n
+  };
+}
+function S(e = p, t) {
+  e && typeof e.requestAnimationFrame == "function" ? e.requestAnimationFrame(t) : t();
+}
+function F(e = {}) {
+  var t, r;
+  const { window: d = p } = e, u = y(e == null ? void 0 : e.element), l = y((t = e == null ? void 0 : e.input) != null ? t : ""), o = (r = e == null ? void 0 : e.styleProp) != null ? r : "height", a = m(1), f = m(0);
+  function c() {
+    var n;
+    if (!u.value)
+      return;
+    let i = "";
+    u.value.style[o] = "1px", a.value = (n = u.value) == null ? void 0 : n.scrollHeight;
+    const s = h(e == null ? void 0 : e.styleTarget);
+    s ? s.style[o] = `${a.value}px` : i = `${a.value}px`, u.value.style[o] = i;
+  }
+  return v([l, u], () => b(c), { immediate: !0 }), v(a, () => {
+    var n;
+    return (n = e == null ? void 0 : e.onResize) == null ? void 0 : n.call(e);
+  }), M(u, ([{ contentRect: n }]) => {
+    f.value !== n.width && S(d, () => {
+      f.value = n.width, c();
+    });
+  }), e != null && e.watch && v(e.watch, c, { immediate: !0, deep: !0 }), {
+    textarea: u,
+    input: l,
+    triggerResize: c
+  };
+}
+export {
+  p as defaultWindow,
+  x as isClient,
+  C as noop,
+  y as toRef,
+  _ as tryOnScopeDispose,
+  g as unrefElement,
+  A as useMounted,
+  M as useResizeObserver,
+  O as useSupported,
+  F as useTextareaAutosize
+};

package/esm/vendors/@vueuse/shared/index.js

@@ -0,0 +1,20 @@
+import { toRef as n, readonly as t, ref as f, customRef as r, getCurrentScope as i, onScopeDispose as c } from "vue";
+function s(e) {
+  return i() ? (c(e), !0) : !1;
+}
+const l = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const p = () => {
+};
+function d(...e) {
+  if (e.length !== 1)
+    return n(...e);
+  const o = e[0];
+  return typeof o == "function" ? t(r(() => ({ get: o, set: p }))) : f(o);
+}
+export {
+  l as isClient,
+  p as noop,
+  d as toRef,
+  s as tryOnScopeDispose
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quidgest/ui",
   "description": "Quidgest's UI framework",
-  "version": "0.14.16",
+  "version": "0.14.17",
   "private": false,
   "type": "module",
   "author": "Quidgest",
@@ -70,6 +70,7 @@
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^11.0.1",
+    "@vueuse/core": "^13.0.0",
     "maska": "^3.1.0"
   },
   "scripts": {