bitboss-ui 2.0.95 → 2.0.97

package/dist/components/ListBox.vue.d.ts

@@ -1,5 +1,9 @@
 import { Option } from '../types/Option';
 type Props = {
+    /**
+     * Sets the listbox in a compact state.
+     */
+    compact?: boolean;
     options: Option[];
     open?: boolean;
     loading?: boolean;

package/dist/components/OptionsContainer.vue.d.ts

@@ -17,12 +17,12 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
         /**
          * String displayed while items are being loaded.
          */
-        loadingText?: string;
+        loadingText?: any;
         loading?: boolean;
         /**
          * String displayed when there are no items to display.
          */
-        noDataText?: string;
+        noDataText?: any;
         options: Option[];
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;

package/dist/composables/useBbConfig.d.ts

@@ -1,13 +1,16 @@
+import { locales } from '../i18n';
 type Config = {
     inertiaLinkName: string;
     nuxtLinkName: string;
     mobileMaxWidth: number;
+    locale: keyof typeof locales;
 };
 export declare const _config: {
     [x: string]: any;
     inertiaLinkName: string;
     nuxtLinkName: string;
     mobileMaxWidth: number;
+    locale: keyof typeof locales;
 };
 export declare const useBbConfig: () => {
     setConfig: (config: Partial<Config>) => void;

package/dist/composables/useLocale.d.ts

@@ -0,0 +1,5 @@
+import { Locale } from '../i18n';
+import { NestedKeyOf } from '../types/NestedKeyOf';
+export declare const useLocale: () => {
+    t: (path: NestedKeyOf<Locale>) => Readonly<import('vue').Ref<any, any>>;
+};

package/dist/i18n/en.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    common: {
+        closeLabel: string;
+        loadingText: string;
+        noDataText: string;
+    };
+};
+export default _default;

package/dist/i18n/index.d.ts

@@ -0,0 +1,3 @@
+import { default as it } from './it';
+export type Locale = typeof it;
+export declare const locales: Record<'it' | 'en', Locale>;

package/dist/i18n/it.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    common: {
+        closeLabel: string;
+        loadingText: string;
+        noDataText: string;
+    };
+};
+export default _default;

package/dist/index100.js

@@ -1,9 +1,9 @@
 import { defineComponent as S, mergeModels as v, computed as y, toRef as u, reactive as $, useModel as b, watch as A, openBlock as h, createElementBlock as V, Fragment as k, renderSlot as r, unref as L, createCommentVNode as R, renderList as q } from "vue";
-import { useOptions as E } from "./index235.js";
-import { useItemValue as Q } from "./index286.js";
+import { useOptions as E } from "./index237.js";
+import { useItemValue as Q } from "./index283.js";
 import { isNil as g } from "./index130.js";
-import { indexBy as j } from "./index294.js";
-import { hash as B } from "./index219.js";
+import { indexBy as j } from "./index297.js";
+import { hash as B } from "./index217.js";
 const X = /* @__PURE__ */ S({
   __name: "BbRows",
   props: /* @__PURE__ */ v({

package/dist/index101.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
+import { defineComponent as h, ref as y, computed as B, openBlock as v, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
 import V from "./index27.js";
 /* empty css        */
 import q from "./index37.js";
@@ -12,6 +12,7 @@ const L = /* @__PURE__ */ h({
     autocomplete: {},
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     dependencies: {},
     depsDebounceTime: {},
     direction: {},
@@ -51,23 +52,24 @@ const L = /* @__PURE__ */ h({
     updateOnAnimationFrame: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(d, { emit: u }) {
-    const r = d, t = u, s = y(!1), m = v(() => r.persistentHint || s.value), b = {
+  setup(d, { emit: m }) {
+    const r = d, t = m, p = y(!1), u = B(() => r.persistentHint || p.value), c = {
       onBlur: (e) => t("blur", e),
       onChange: (e) => t("change", e),
       onClick: (e) => t("click", e),
       onFocus: (e) => {
-        s.value = !0, t("focus", e);
+        p.value = !0, t("focus", e);
       },
       onInactive: () => {
-        s.value = !1, t("inactive");
+        p.value = !1, t("inactive");
       },
       onInput: (e) => t("input", e),
       "onUpdate:modelValue": (e) => t("update:modelValue", e)
     };
-    return (e, w) => (B(), g(V, {
+    return (e, w) => (v(), g(V, {
       id: e.id,
       class: "bb-select",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -78,14 +80,14 @@ const L = /* @__PURE__ */ h({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": m.value
+      "show-hint": u.value
     }, {
-      label: n((p) => [
-        a(e.$slots, "label", i(l(p)))
+      label: n((s) => [
+        a(e.$slots, "label", i(l(s)))
       ]),
-      input: n(({ id: p, hasErrors: c, ariaDescribedby: f }) => [
+      input: n(({ id: s, hasErrors: b, ariaDescribedby: f }) => [
         $(q, T({
-          id: p,
+          id: s,
           "add-options": e.addOptions,
           "allow-writing": e.allowWriting,
           "append:icon": r["append:icon"],
@@ -93,12 +95,13 @@ const L = /* @__PURE__ */ h({
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           comma: e.comma,
+          compact: e.compact,
           dependencies: e.dependencies,
           "deps-debounce-time": e.depsDebounceTime,
           disabled: e.disabled,
           "enforce-coherence": e.enforceCoherence,
           "filter-by": e.filterBy,
-          "has-errors": c,
+          "has-errors": b,
           "item-text": e.itemText,
           "item-value": e.itemValue,
           items: e.items,
@@ -121,7 +124,7 @@ const L = /* @__PURE__ */ h({
           stash: e.stash,
           "transition-duration": e.transitionDuration,
           "update-on-animation-frame": e.updateOnAnimationFrame
-        }, b), {
+        }, c), {
           "append-outer": n((o) => [
             a(e.$slots, "append-outer", i(l(o)))
           ]),
@@ -168,10 +171,10 @@ const L = /* @__PURE__ */ h({
             a(e.$slots, "spinner", i(l(o)))
           ]),
           _: 2
-        }, 1040, ["id", "add-options", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
+        }, 1040, ["id", "add-options", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {

package/dist/index103.js

@@ -1,13 +1,14 @@
-import { defineComponent as c, ref as f, computed as y, openBlock as k, createBlock as w, withCtx as a, renderSlot as n, normalizeProps as i, guardReactiveProps as l, createVNode as B, mergeProps as $ } from "vue";
+import { defineComponent as v, ref as y, computed as f, openBlock as B, createBlock as k, withCtx as a, renderSlot as n, normalizeProps as i, guardReactiveProps as l, createVNode as w, mergeProps as $ } from "vue";
 import g from "./index27.js";
 /* empty css        */
 import P from "./index39.js";
 /* empty css        */
-const S = /* @__PURE__ */ c({
+const S = /* @__PURE__ */ v({
   __name: "BbSlider",
   props: {
     autofocus: {},
     color: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -23,7 +24,7 @@ const S = /* @__PURE__ */ c({
     name: {},
     persistentHint: { type: Boolean },
     range: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     step: {},
@@ -32,7 +33,7 @@ const S = /* @__PURE__ */ c({
   },
   emits: ["click", "focus", "active", "inactive", "keydown", "pointerdown", "pointermove", "pointerup", "update:modelValue"],
   setup(d, { emit: m }) {
-    const p = d, r = m, s = f(!1), u = y(() => p.persistentHint || s.value), b = {
+    const p = d, r = m, s = y(!1), u = f(() => p.persistentHint || s.value), b = {
       onActive: () => {
         s.value = !0, r("active");
       },
@@ -47,9 +48,10 @@ const S = /* @__PURE__ */ c({
       onPointerup: (e) => r("pointerup", e),
       "onUpdate:modelValue": (e) => r("update:modelValue", e)
     };
-    return (e, V) => (k(), w(g, {
+    return (e, V) => (B(), k(g, {
       id: e.id,
       class: "bb-slider",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -65,10 +67,10 @@ const S = /* @__PURE__ */ c({
       label: a((t) => [
         n(e.$slots, "label", i(l(t)))
       ]),
-      input: a(({ id: t, hasErrors: h, ariaDescribedby: v }) => [
-        B(P, $({
+      input: a(({ id: t, hasErrors: h, ariaDescribedby: c }) => [
+        w(P, $({
           id: t,
-          "aria-describedby": v,
+          "aria-describedby": c,
           autofocus: e.autofocus,
           color: e.color,
           disabled: e.disabled,
@@ -106,7 +108,7 @@ const S = /* @__PURE__ */ c({
         }, 1040, ["id", "aria-describedby", "autofocus", "color", "disabled", "has-errors", "max", "min", "model-value", "name", "range", "readonly", "required", "step", "thumb-translate", "ticks"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {

package/dist/index105.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as f, computed as v, openBlock as y, createBlock as w, withCtx as l, renderSlot as n, normalizeProps as B, guardReactiveProps as k, createVNode as V, mergeProps as i } from "vue";
+import { defineComponent as c, ref as f, computed as y, openBlock as v, createBlock as w, withCtx as n, renderSlot as r, normalizeProps as B, guardReactiveProps as k, createVNode as V, mergeProps as i } from "vue";
 import g from "./index27.js";
 /* empty css        */
 import P from "./index41.js";
@@ -24,7 +24,7 @@ const S = /* @__PURE__ */ c({
     modelValue: {},
     name: {},
     persistentHint: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean, default: !0 },
     submitWhenFalse: { type: Boolean },
@@ -32,7 +32,7 @@ const S = /* @__PURE__ */ c({
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: t }) {
-    const u = s, o = t, a = f(!1), d = v(() => u.persistentHint || a.value), p = {
+    const u = s, o = t, a = f(!1), d = y(() => u.persistentHint || a.value), p = {
       onBlur: (e) => {
         a.value = !1, o("blur", e);
       },
@@ -47,7 +47,7 @@ const S = /* @__PURE__ */ c({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, q) => (y(), w(g, {
+    return (e, q) => (v(), w(g, {
       id: e.id,
       class: "bb-switch",
       direction: e.direction,
@@ -64,12 +64,12 @@ const S = /* @__PURE__ */ c({
       "show-hint": d.value,
       tag: "label"
     }, {
-      label: l((r) => [
-        n(e.$slots, "label", B(k(r)))
+      label: n((l) => [
+        r(e.$slots, "label", B(k(l)))
       ]),
-      input: l(({ id: r, hasErrors: m, ariaDescribedby: b }) => [
+      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
         V(P, i({
-          id: r,
+          id: l,
           "aria-describedby": b,
           autofocus: e.autofocus,
           checked: e.checked,
@@ -85,8 +85,8 @@ const S = /* @__PURE__ */ c({
           "submit-when-false": e.submitWhenFalse,
           "true-value": e.trueValue
         }, p), {
-          icon: l((h) => [
-            n(e.$slots, "icon", i(h, { text: e.label }))
+          icon: n((h) => [
+            r(e.$slots, "icon", i(h, { text: e.label }))
           ]),
           _: 2
         }, 1040, ["id", "aria-describedby", "autofocus", "checked", "color", "disabled", "false-value", "has-errors", "indeterminate", "model-value", "name", "readonly", "required", "submit-when-false", "true-value"])

package/dist/index107.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as v, computed as g, openBlock as y, createBlock as w, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as B, mergeProps as $ } from "vue";
+import { defineComponent as f, ref as v, computed as g, openBlock as y, createBlock as B, withCtx as a, renderSlot as i, normalizeProps as l, guardReactiveProps as r, createVNode as w, mergeProps as $ } from "vue";
 import T from "./index27.js";
 /* empty css        */
 import V from "./index43.js";
@@ -8,6 +8,7 @@ const E = /* @__PURE__ */ f({
   props: {
     autofocus: {},
     color: {},
+    compact: { type: Boolean },
     dependencies: {},
     depsDebounceTime: {},
     disabled: { type: Boolean },
@@ -30,20 +31,20 @@ const E = /* @__PURE__ */ f({
     name: {},
     noDataText: {},
     persistentHint: { type: Boolean },
-    readonly: {},
+    readonly: { type: Boolean },
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(t, { emit: p }) {
-    const u = t, n = p, s = v(!1), m = g(() => u.persistentHint || s.value), c = {
+  setup(d, { emit: p }) {
+    const m = d, n = p, t = v(!1), u = g(() => m.persistentHint || t.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
       onFocus: (e) => {
-        s.value = !0, n("focus", e);
+        t.value = !0, n("focus", e);
       },
       onInactive: () => {
-        s.value = !1, n("inactive");
+        t.value = !1, n("inactive");
       },
       onInput: (e) => n("input", e),
       onKeydown: (e) => n("keydown", e),
@@ -51,9 +52,10 @@ const E = /* @__PURE__ */ f({
       onMouseup: (e) => n("mouseup", e),
       "onUpdate:modelValue": (e) => n("update:modelValue", e)
     };
-    return (e, D) => (y(), w(T, {
+    return (e, D) => (y(), B(T, {
       id: e.id,
       class: "bb-switch-group",
+      compact: e.compact,
       direction: "vertical",
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -63,15 +65,15 @@ const E = /* @__PURE__ */ f({
       "label-tag": "legend",
       name: e.name,
       reverse: e.reverse,
-      "show-hint": m.value,
+      "show-hint": u.value,
       tag: "fieldset"
     }, {
-      label: a((d) => [
-        i(e.$slots, "legend", l(r(d)))
+      label: a((s) => [
+        i(e.$slots, "legend", l(r(s)))
       ]),
-      input: a(({ id: d, hasErrors: h, ariaDescribedby: b }) => [
-        B(V, $({
-          id: d,
+      input: a(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
+        w(V, $({
+          id: s,
           "aria-describedby": b,
           autofocus: e.autofocus,
           color: e.color,
@@ -121,7 +123,7 @@ const E = /* @__PURE__ */ f({
         }, 1040, ["id", "aria-describedby", "autofocus", "color", "dependencies", "deps-debounce-time", "direction", "disabled", "enforce-coherence", "has-errors", "hide-label", "item-text", "item-value", "items", "loading-text", "max", "model-value", "model-value-debounce-time", "name", "no-data-text", "readonly"])
       ]),
       _: 3
-    }, 8, ["id", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "errors", "has-errors", "hide-label", "hint", "label", "name", "reverse", "show-hint"]));
   }
 });
 export {

package/dist/index111.js

@@ -1,16 +1,16 @@
 import { defineComponent as re, mergeModels as P, ref as ue, computed as k, toRef as A, useModel as Q, watch as U, reactive as pe, openBlock as n, createBlock as W, resolveDynamicComponent as fe, normalizeClass as r, unref as i, withCtx as me, createElementBlock as d, toDisplayString as u, createCommentVNode as C, createElementVNode as o, renderSlot as p, isRef as ye, Fragment as T, renderList as V, createVNode as G, createTextVNode as he, mergeProps as ke } from "vue";
-import { add as ve } from "./index308.js";
+import { add as ve } from "./index303.js";
 import { clamp as _e } from "./index206.js";
 import { isNil as K } from "./index130.js";
 import { useId as Ce } from "./index8.js";
-import { useItemValue as ge } from "./index286.js";
-import { when as we } from "./index228.js";
+import { useItemValue as ge } from "./index283.js";
+import { when as we } from "./index226.js";
 import X from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
-import { useOptions as Ve } from "./index235.js";
-import { hash as Y } from "./index219.js";
+import { useOptions as Ve } from "./index237.js";
+import { hash as Y } from "./index217.js";
 const $e = {
   key: 0,
   class: "sr-only"
@@ -48,7 +48,7 @@ const $e = {
     multiple: { type: Boolean, default: !0 },
     name: {},
     noDataText: { default: "Non ci sono elementi da visualizzare" },
-    readonly: {},
+    readonly: { type: Boolean },
     selectable: { type: [Boolean, Function] },
     selectAllLabel: { default: "Seleziona tutti gli elementi di questa pagina" },
     selectText: { default: "Seleziona un elemento" },

package/dist/index113.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as v, computed as y, openBlock as B, createBlock as g, withCtx as l, renderSlot as r, normalizeProps as n, guardReactiveProps as i, createVNode as k, mergeProps as $ } from "vue";
+import { defineComponent as f, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as l, renderSlot as r, normalizeProps as n, guardReactiveProps as i, createVNode as k, mergeProps as $ } from "vue";
 import w from "./index27.js";
 /* empty css        */
 import V from "./index45.js";
@@ -10,6 +10,7 @@ const I = /* @__PURE__ */ f({
     autocomplete: {},
     autofocus: {},
     comma: { type: Boolean },
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     divider: {},
@@ -28,22 +29,22 @@ const I = /* @__PURE__ */ f({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "duplicate", "focus", "inactive", "input", "keydown", "keyup", "update:modelValue"],
   setup(t, { emit: u }) {
-    const d = t, a = u, p = v(!1), m = y(() => d.persistentHint || p.value), c = {
+    const p = t, a = u, d = y(!1), m = v(() => p.persistentHint || d.value), c = {
       onBlur: (e) => a("blur", e),
       onChange: (e) => a("change", e),
       onClick: (e) => a("click", e),
       onDuplicate: (e) => a("duplicate", e),
       onFocus: (e) => {
-        p.value = !0, a("focus", e);
+        d.value = !0, a("focus", e);
       },
       onInactive: () => {
-        p.value = !1, a("inactive");
+        d.value = !1, a("inactive");
       },
       onInput: (e) => a("input", e),
       onKeydown: (e) => a("keydown", e),
@@ -53,6 +54,7 @@ const I = /* @__PURE__ */ f({
     return (e, P) => (B(), g(w, {
       id: e.id,
       class: "bb-tag",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -71,11 +73,12 @@ const I = /* @__PURE__ */ f({
       input: l(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
         k(V, $({
           id: s,
-          "append:icon": d["append:icon"],
+          "append:icon": p["append:icon"],
           "aria-describedby": b,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
           comma: e.comma,
+          compact: e.compact,
           disabled: e.disabled,
           divider: e.divider,
           "has-errors": h,
@@ -85,7 +88,7 @@ const I = /* @__PURE__ */ f({
           multiple: e.multiple,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": d["prepend:icon"],
+          "prepend:icon": p["prepend:icon"],
           readonly: e.readonly,
           required: e.required
         }, c), {
@@ -108,10 +111,10 @@ const I = /* @__PURE__ */ f({
             r(e.$slots, "append-outer", n(i(o)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "compact", "disabled", "divider", "has-errors", "loading", "max", "model-value", "multiple", "name", "placeholder", "prepend:icon", "readonly", "required"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {

package/dist/index115.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as w, computed as y, openBlock as v, createBlock as B, withCtx as r, renderSlot as a, normalizeProps as d, guardReactiveProps as p, createVNode as g, mergeProps as $ } from "vue";
+import { defineComponent as f, ref as y, computed as w, openBlock as v, createBlock as B, withCtx as a, renderSlot as r, normalizeProps as p, guardReactiveProps as d, createVNode as g, mergeProps as $ } from "vue";
 import k from "./index27.js";
 /* empty css        */
 import V from "./index47.js";
@@ -10,6 +10,7 @@ const G = /* @__PURE__ */ f({
     autocomplete: {},
     autofocus: {},
     autoGrow: { type: Boolean },
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -25,14 +26,14 @@ const G = /* @__PURE__ */ f({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     rows: {}
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(u, { emit: t }) {
-    const n = u, o = t, l = w(!1), m = y(() => n.persistentHint || l.value), h = {
+  setup(t, { emit: u }) {
+    const n = t, o = u, l = y(!1), m = w(() => n.persistentHint || l.value), c = {
       onBlur: (e) => {
         l.value = !1, o("blur", e);
       },
@@ -50,6 +51,7 @@ const G = /* @__PURE__ */ f({
     return (e, P) => (v(), B(k, {
       id: e.id,
       class: "bb-textarea",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -62,18 +64,19 @@ const G = /* @__PURE__ */ f({
       reverse: e.reverse,
       "show-hint": m.value
     }, {
-      label: r((s) => [
-        a(e.$slots, "label", d(p(s)))
+      label: a((s) => [
+        r(e.$slots, "label", p(d(s)))
       ]),
-      input: r(({ id: s, hasErrors: b, ariaDescribedby: c }) => [
+      input: a(({ id: s, hasErrors: h, ariaDescribedby: b }) => [
         g(V, $({
           id: s,
           "append:icon": n["append:icon"],
-          "aria-describedby": c,
+          "aria-describedby": b,
           "auto-grow": e.autoGrow,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
-          "has-errors": b,
+          "has-errors": h,
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
@@ -82,30 +85,30 @@ const G = /* @__PURE__ */ f({
           readonly: e.readonly,
           required: e.required,
           rows: e.rows
-        }, h), {
-          "append-outer": r(() => [
-            a(e.$slots, "append-outer")
+        }, c), {
+          "append-outer": a(() => [
+            r(e.$slots, "append-outer")
           ]),
-          append: r(() => [
-            a(e.$slots, "append")
+          append: a(() => [
+            r(e.$slots, "append")
           ]),
-          prepend: r(() => [
-            a(e.$slots, "prepend")
+          prepend: a(() => [
+            r(e.$slots, "prepend")
           ]),
-          "prepend-outer": r(() => [
-            a(e.$slots, "prepend-outer")
+          "prepend-outer": a(() => [
+            r(e.$slots, "prepend-outer")
           ]),
-          prefix: r((i) => [
-            a(e.$slots, "prefix", d(p(i)))
+          prefix: a((i) => [
+            r(e.$slots, "prefix", p(d(i)))
           ]),
-          suffix: r((i) => [
-            a(e.$slots, "suffix", d(p(i)))
+          suffix: a((i) => [
+            r(e.$slots, "suffix", p(d(i)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "auto-grow", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "rows"])
       ]),
       _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    }, 8, ["id", "compact", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
   }
 });
 export {