bitboss-ui 2.0.95 → 2.0.96

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 { clamp as _e } from "./index206.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 "./index286.js";
-import { when as we } from "./index228.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 "./index235.js";
-import { hash as Y } from "./index219.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 {

package/dist/index119.js

@@ -1,7 +1,7 @@
 import { defineComponent as l, openBlock as e, createBlock as o, withCtx as r, createElementVNode as c, normalizeClass as m, createVNode as i, TransitionGroup as u, createElementBlock as p, Fragment as f, renderList as _, unref as n, mergeProps as d } from "vue";
 import { state as k, useToast as b } from "./index11.js";
-import C from "./index234.js";
-import B from "./index310.js";
+import C from "./index224.js";
+import B from "./index301.js";
 const V = /* @__PURE__ */ l({
   __name: "BbToast",
   props: {

package/dist/index121.js

@@ -1,14 +1,14 @@
 import { defineComponent as N, ref as a, watch as V, computed as H, openBlock as B, createElementBlock as z, mergeProps as I, createElementVNode as p, renderSlot as C, normalizeProps as R, guardReactiveProps as S, unref as c, createVNode as U, withCtx as E, createBlock as W, createCommentVNode as j } from "vue";
-import { useFloating as q, arrow as A } from "./index238.js";
+import { useFloating as q, arrow as A } from "./index209.js";
 import { useId as G } from "./index8.js";
 import { wait as _ } from "./index132.js";
 import J from "./index13.js";
 /* empty css        */
-import { throttle as m } from "./index230.js";
-import { waitFor as K } from "./index232.js";
+import { throttle as m } from "./index237.js";
+import { waitFor as K } from "./index219.js";
 import Q from "./index255.js";
 /* empty css         */
-import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index242.js";
+import { autoUpdate as X, flip as Y, shift as Z, hide as x } from "./index225.js";
 const pe = /* @__PURE__ */ N({
   __name: "BbTooltip",
   props: {

package/dist/index123.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, openBlock as f, createElementBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index311.js";
+import { flattenTree as T } from "./index302.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index127.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as p, getCurrentInstance as c, onServerPrefetch as w, onBeforeMount as z, inject as _, watch as b, computed as f, openBlock as h, createElementBlock as $, mergeProps as g } from "vue";
-import { isCssColor as I } from "./index227.js";
+import { isCssColor as I } from "./index239.js";
 const B = ["innerHTML"], k = /* @__PURE__ */ v({
   __name: "BbIcon",
   props: {

package/dist/index128.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as r, onMounted as p, onBeforeUnmount as h, openBlock as i, createBlock as l, resolveDynamicComponent as u, normalizeStyle as m, withCtx as f, renderSlot as d } from "vue";
-import { throttle as g } from "./index230.js";
+import { throttle as g } from "./index237.js";
 const O = /* @__PURE__ */ v({
   __name: "BbSmoothHeight",
   props: {

package/dist/index129.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, computed as s, openBlock as b, createElementBlock as a, normalizeProps as _, guardReactiveProps as x, createStaticVNode as m } from "vue";
-import { isCssColor as u } from "./index227.js";
+import { isCssColor as u } from "./index239.js";
 const f = /* @__PURE__ */ p({
   __name: "BbSpinner",
   props: {

package/dist/index13.js

@@ -1,6 +1,6 @@
 import { defineComponent as k, getCurrentInstance as u, resolveComponent as p, computed as d, openBlock as v, createBlock as h, resolveDynamicComponent as C, unref as x, mergeProps as S, withCtx as L, renderSlot as B, createTextVNode as N, toDisplayString as $ } from "vue";
 import { _config as n } from "./index4.js";
-import { useLogger as m } from "./index221.js";
+import { useLogger as m } from "./index208.js";
 const _ = /* @__PURE__ */ k({
   __name: "BaseButton",
   props: {

package/dist/index131.js

@@ -1,4 +1,4 @@
-import { clamp as o } from "./index206.js";
+import { clamp as o } from "./index207.js";
 const r = (t, e) => t * 100 / e, p = (t, e) => t / 100 * e, l = (t, e, n) => r(t - e, n - e), P = ({
   value: t = 0,
   originalBounds: e,

package/dist/index133.js

@@ -1,5 +1,5 @@
-import { toValue as O, tryOnScopeDispose as R, notNullish as $, noop as M, useDebounceFn as q, useThrottleFn as G, tryOnMounted as X, isObject as J, isClient as K } from "./index207.js";
-import { createFilterWrapper as ve, debounceFilter as de, getLifeCycleTarget as pe, throttleFilter as me } from "./index207.js";
+import { toValue as O, tryOnScopeDispose as R, notNullish as $, noop as M, useDebounceFn as q, useThrottleFn as G, tryOnMounted as X, isObject as J, isClient as K } from "./index206.js";
+import { createFilterWrapper as ve, debounceFilter as de, getLifeCycleTarget as pe, throttleFilter as me } from "./index206.js";
 import { computed as S, watch as z, ref as w, reactive as k, getCurrentInstance as U, onMounted as Z, watchEffect as ee } from "vue";
 function L(l) {
   var o;