bitboss-ui 2.0.94 → 2.0.96

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 "./index302.js";
+import { add as ve } from "./index303.js";
 import { clamp as _e } from "./index207.js";
 import { isNil as K } from "./index130.js";
 import { useId as Ce } from "./index8.js";
-import { useItemValue as ge } from "./index292.js";
+import { useItemValue as ge } from "./index260.js";
 import { when as we } from "./index240.js";
 import X from "./index17.js";
 /* empty css        */
 import Te from "./index31.js";
 /* empty css        */
-import { useOptions as Ve } from "./index236.js";
-import { hash as Y } from "./index229.js";
+import { useOptions as Ve } from "./index234.js";
+import { hash as Y } from "./index228.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 {

package/dist/index117.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as n, renderSlot as r, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
+import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as a, renderSlot as n, normalizeProps as v, guardReactiveProps as B, createVNode as w, mergeProps as g } from "vue";
 import $ from "./index27.js";
 /* empty css        */
 import k from "./index49.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -24,14 +25,14 @@ const E = /* @__PURE__ */ c({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     type: {}
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(i, { emit: p }) {
-    const a = i, o = p, l = h(!1), d = b(() => a.persistentHint || l.value), t = {
+  setup(s, { emit: i }) {
+    const r = s, o = i, l = h(!1), d = b(() => r.persistentHint || l.value), t = {
       onBlur: (e) => {
         l.value = !1, o("blur", e);
       },
@@ -49,6 +50,7 @@ const E = /* @__PURE__ */ c({
     return (e, V) => (f(), y($, {
       id: e.id,
       class: "bb-text-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -61,50 +63,51 @@ const E = /* @__PURE__ */ c({
       reverse: e.reverse,
       "show-hint": d.value
     }, {
-      label: n((s) => [
-        r(e.$slots, "label", v(B(s)))
+      label: a((p) => [
+        n(e.$slots, "label", v(B(p)))
       ]),
-      input: n(({ id: s, hasErrors: u, ariaDescribedby: m }) => [
+      input: a(({ id: p, hasErrors: u, ariaDescribedby: m }) => [
         w(k, g({
-          id: s,
-          "append:icon": a["append:icon"],
+          id: p,
+          "append:icon": r["append:icon"],
           "aria-describedby": m,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
           "has-errors": u,
           loading: e.loading,
           "model-value": e.modelValue,
           name: e.name,
           placeholder: e.placeholder,
-          "prepend:icon": a["prepend:icon"],
+          "prepend:icon": r["prepend:icon"],
           readonly: e.readonly,
           required: e.required,
           type: e.type
         }, t), {
-          "append-outer": n(() => [
-            r(e.$slots, "append-outer")
+          "append-outer": a(() => [
+            n(e.$slots, "append-outer")
           ]),
-          append: n(() => [
-            r(e.$slots, "append")
+          append: a(() => [
+            n(e.$slots, "append")
           ]),
-          prefix: n(() => [
-            r(e.$slots, "prefix")
+          prefix: a(() => [
+            n(e.$slots, "prefix")
           ]),
-          suffix: n(() => [
-            r(e.$slots, "suffix")
+          suffix: a(() => [
+            n(e.$slots, "suffix")
           ]),
-          prepend: n(() => [
-            r(e.$slots, "prepend")
+          prepend: a(() => [
+            n(e.$slots, "prepend")
           ]),
-          "prepend-outer": n(() => [
-            r(e.$slots, "prepend-outer")
+          "prepend-outer": a(() => [
+            n(e.$slots, "prepend-outer")
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "type"])
       ]),
       _: 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 {