bitboss-ui 2.0.95 → 2.0.96

package/dist/index47.js

@@ -1,6 +1,6 @@
-import { defineComponent as w, ref as g, computed as u, onMounted as y, watch as V, nextTick as k, openBlock as x, createBlock as B, normalizeClass as $, withCtx as r, renderSlot as t, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
-import v from "./index210.js";
-import E from "./index208.js";
+import { defineComponent as w, ref as y, computed as u, onMounted as g, watch as B, nextTick as x, openBlock as V, createBlock as k, normalizeClass as $, withCtx as t, renderSlot as r, createVNode as i, createElementVNode as C, mergeProps as T } from "vue";
+import v from "./index222.js";
+import E from "./index220.js";
 /* empty css         */
 import G from "./index128.js";
 /* empty css         */
@@ -12,6 +12,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     autocomplete: {},
     autoGrow: { type: Boolean },
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
@@ -20,7 +21,7 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     rows: {}
   },
@@ -31,28 +32,29 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       throw new Error(
         "Textarea: You cannot set rows and auto-grow attributes together. You either use rows and let the user resize or define a minimum height in CSS with auto-grow."
       );
-    const n = g(null), c = u(() => ({
+    const n = y(null), c = u(() => ({
       "bb-base-textarea": !0,
       "bb-base-textarea--auto-grow": o.autoGrow,
       "bb-base-textarea--disabled": o.disabled,
       "bb-base-textarea--errors": o.hasErrors,
       "bb-base-textarea--loading": o.loading,
-      "bb-base-textarea--readonly": o.readonly
+      "bb-base-textarea--readonly": o.readonly,
+      "bb-base-textarea--compact": o.compact
     })), m = u(
       () => o.modelValue ? o.modelValue : ""
     );
-    y(() => {
-      o.autoGrow && o.modelValue && s();
-    }), V(
+    g(() => {
+      o.autoGrow && o.modelValue && l();
+    }), B(
       () => o.modelValue,
       () => {
-        o.autoGrow && k(s);
+        o.autoGrow && x(l);
       }
     );
     function b(e) {
       if (e.stopPropagation(), e.target instanceof HTMLTextAreaElement) {
-        let l = e.target.value;
-        a("input", e), a("update:modelValue", l || null);
+        let s = e.target.value;
+        a("input", e), a("update:modelValue", s || null);
       }
     }
     function f(e) {
@@ -66,38 +68,38 @@ const M = ["id", "aria-describedby", "autocomplete", "autofocus", "disabled", "n
       onMousedown: (e) => a("mousedown", e),
       onMouseup: (e) => a("mouseup", e)
     };
-    function s() {
+    function l() {
       n.value && (n.value.style.height = "0px", n.value.style.height = `${n.value.scrollHeight}px`);
     }
-    return (e, l) => (x(), B(v, {
+    return (e, s) => (V(), k(v, {
       class: $(c.value)
     }, {
-      "prepend-outer": r(() => [
-        t(e.$slots, "prepend-outer")
+      "prepend-outer": t(() => [
+        r(e.$slots, "prepend-outer")
       ]),
-      "append-outer": r(() => [
-        t(e.$slots, "append-outer")
+      "append-outer": t(() => [
+        r(e.$slots, "append-outer")
       ]),
-      default: r(() => [
+      default: t(() => [
         i(E, {
           "append:icon": o["append:icon"],
           "prepend:icon": o["prepend:icon"]
         }, {
-          prepend: r(() => [
-            t(e.$slots, "prepend")
+          prepend: t(() => [
+            r(e.$slots, "prepend")
           ]),
-          prefix: r(() => [
-            t(e.$slots, "prefix")
+          prefix: t(() => [
+            r(e.$slots, "prefix")
           ]),
-          append: r(() => [
-            t(e.$slots, "append")
+          append: t(() => [
+            r(e.$slots, "append")
           ]),
-          suffix: r(() => [
-            t(e.$slots, "suffix")
+          suffix: t(() => [
+            r(e.$slots, "suffix")
           ]),
-          default: r(() => [
+          default: t(() => [
             i(G, { tag: "span" }, {
-              default: r(() => [
+              default: t(() => [
                 C("textarea", T({
                   id: e.id,
                   ref_key: "textarea",

package/dist/index49.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, computed as b, openBlock as c, createElementBlock as f, Fragment as y, createVNode as p, normalizeClass as h, withCtx as n, renderSlot as r, createElementVNode as l, mergeProps as g } from "vue";
-import B from "./index208.js";
+import { defineComponent as m, computed as c, openBlock as b, createElementBlock as f, Fragment as y, createVNode as r, normalizeClass as h, withCtx as n, renderSlot as t, createElementVNode as l, mergeProps as g } from "vue";
+import B from "./index220.js";
 /* empty css         */
-import k from "./index210.js";
+import k from "./index222.js";
 const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus", "disabled", "name", "placeholder", "readonly", "required", "type", "value"], V = /* @__PURE__ */ m({
   __name: "BaseTextInput",
   props: {
@@ -9,6 +9,7 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     ariaDescribedby: {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     disabled: { type: Boolean },
     hasErrors: { type: Boolean },
     id: {},
@@ -17,18 +18,19 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
     name: {},
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     type: { default: "text" }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
   setup(s, { emit: d }) {
-    const a = s, o = d, u = b(() => ({
+    const a = s, o = d, u = c(() => ({
       "bb-base-text-input": !0,
       "bb-base-text-input--disabled": a.disabled,
       "bb-base-text-input--errors": a.hasErrors,
       "bb-base-text-input--loading": a.loading,
-      "bb-base-text-input--readonly": a.readonly
+      "bb-base-text-input--readonly": a.readonly,
+      "bb-base-text-input--compact": a.compact
     })), i = {
       onBlur: (e) => o("blur", e),
       onChange: (e) => o("change", e),
@@ -41,32 +43,32 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
       onMousedown: (e) => o("mousedown", e),
       onMouseup: (e) => o("mouseup", e)
     };
-    return (e, t) => (c(), f(y, null, [
-      p(k, {
+    return (e, p) => (b(), f(y, null, [
+      r(k, {
         class: h(u.value)
       }, {
         "prepend-outer": n(() => [
-          r(e.$slots, "prepend-outer")
+          t(e.$slots, "prepend-outer")
         ]),
         "append-outer": n(() => [
-          r(e.$slots, "append-outer")
+          t(e.$slots, "append-outer")
         ]),
         default: n(() => [
-          p(B, {
+          r(B, {
             "append:icon": a["append:icon"],
             "prepend:icon": a["prepend:icon"]
           }, {
             prepend: n(() => [
-              r(e.$slots, "prepend")
+              t(e.$slots, "prepend")
             ]),
             prefix: n(() => [
-              r(e.$slots, "prefix")
+              t(e.$slots, "prefix")
             ]),
             append: n(() => [
-              r(e.$slots, "append")
+              t(e.$slots, "append")
             ]),
             suffix: n(() => [
-              r(e.$slots, "suffix")
+              t(e.$slots, "suffix")
             ]),
             default: n(() => [
               l("input", g({
@@ -92,7 +94,7 @@ const w = ["id", "aria-describedby", "aria-invalid", "autocomplete", "autofocus"
         ]),
         _: 3
       }, 8, ["class"]),
-      t[0] || (t[0] = l("span", null, null, -1))
+      p[0] || (p[0] = l("span", null, null, -1))
     ], 64));
   }
 });

package/dist/index55.js

@@ -1,5 +1,5 @@
 import { defineComponent as z, computed as b, ref as o, onMounted as g, openBlock as l, createElementBlock as i, normalizeProps as h, guardReactiveProps as k, renderSlot as y } from "vue";
-import { isCssColor as _ } from "./index227.js";
+import { isCssColor as _ } from "./index239.js";
 import { wait as C } from "./index132.js";
 const w = ["alt", "sizes", "src", "srcset"], B = {
   key: 1,

package/dist/index57.js

@@ -1,5 +1,5 @@
 import { defineComponent as p, useSlots as d, computed as n, openBlock as m, createElementBlock as u, normalizeClass as g, createElementVNode as s, renderSlot as l, mergeProps as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { isCssColor as r } from "./index227.js";
+import { isCssColor as r } from "./index239.js";
 import { isNil as B } from "./index130.js";
 const C = { class: "bb-badge__wrapper" }, h = { class: "bb-badge__content-inner" }, S = /* @__PURE__ */ p({
   __name: "BbBadge",

package/dist/index63.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as f, computed as v, openBlock as y, createBlock as k, withCtx as r, renderSlot as n, normalizeProps as w, guardReactiveProps as B, createVNode as V, mergeProps as i } from "vue";
+import { defineComponent as c, ref as f, computed as y, openBlock as v, createBlock as k, withCtx as n, renderSlot as r, normalizeProps as B, guardReactiveProps as w, createVNode as V, mergeProps as i } from "vue";
 import g from "./index17.js";
 /* empty css        */
 import P from "./index27.js";
@@ -24,7 +24,7 @@ const E = /* @__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 E = /* @__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 E = /* @__PURE__ */ c({
       onMouseup: (e) => o("mouseup", e),
       "onUpdate:modelValue": (e) => o("update:modelValue", e)
     };
-    return (e, C) => (y(), k(P, {
+    return (e, C) => (v(), k(P, {
       id: e.id,
       class: "bb-checkbox",
       direction: e.direction,
@@ -64,10 +64,10 @@ const E = /* @__PURE__ */ c({
       "show-hint": d.value,
       tag: "label"
     }, {
-      label: r((l) => [
-        n(e.$slots, "label", w(B(l)))
+      label: n((l) => [
+        r(e.$slots, "label", B(w(l)))
       ]),
-      input: r(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
+      input: n(({ id: l, hasErrors: m, ariaDescribedby: b }) => [
         V(g, i({
           id: l,
           "aria-describedby": b,
@@ -85,8 +85,8 @@ const E = /* @__PURE__ */ c({
           "submit-when-false": e.submitWhenFalse,
           "true-value": e.trueValue
         }, p), {
-          icon: r((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/index65.js

@@ -8,6 +8,7 @@ const E = /* @__PURE__ */ f({
   props: {
     autofocus: {},
     color: {},
+    compact: { type: Boolean },
     dependencies: {},
     depsDebounceTime: {},
     disabled: { type: Boolean },
@@ -30,12 +31,12 @@ 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, s = v(!1), u = g(() => m.persistentHint || s.value), c = {
       onBlur: (e) => n("blur", e),
       onChange: (e) => n("change", e),
       onClick: (e) => n("click", e),
@@ -54,6 +55,7 @@ const E = /* @__PURE__ */ f({
     return (e, k) => (y(), B(V, {
       id: e.id,
       class: "bb-checkbox-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((t) => [
+        i(e.$slots, "legend", l(r(t)))
       ]),
-      input: a(({ id: d, hasErrors: b, ariaDescribedby: h }) => [
+      input: a(({ id: t, hasErrors: b, ariaDescribedby: h }) => [
         $(T, w({
-          id: d,
+          id: t,
           "aria-describedby": h,
           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/index67.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as h, computed as b, openBlock as f, createBlock as y, withCtx as r, renderSlot as n, 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 "./index15.js";
@@ -9,6 +9,7 @@ const E = /* @__PURE__ */ c({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -24,13 +25,13 @@ const E = /* @__PURE__ */ c({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean }
   },
   emits: ["blur", "change", "click", "focus", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
-  setup(i, { emit: d }) {
-    const a = i, o = d, l = h(!1), p = b(() => a.persistentHint || l.value), u = {
+  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);
       },
@@ -48,6 +49,7 @@ const E = /* @__PURE__ */ c({
     return (e, V) => (f(), y($, {
       id: e.id,
       class: "bb-color-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -58,51 +60,52 @@ const E = /* @__PURE__ */ c({
       "model-value": e.modelValue,
       name: e.name,
       reverse: e.reverse,
-      "show-hint": p.value
+      "show-hint": d.value
     }, {
-      label: r((s) => [
-        n(e.$slots, "label", v(B(s)))
+      label: a((p) => [
+        n(e.$slots, "label", v(B(p)))
       ]),
-      input: r(({ id: s, hasErrors: t, 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": t,
+          "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
-        }, u), {
-          "append-outer": r(() => [
+        }, t), {
+          "append-outer": a(() => [
             n(e.$slots, "append-outer")
           ]),
-          append: r(() => [
+          append: a(() => [
             n(e.$slots, "append")
           ]),
-          prefix: r(() => [
+          prefix: a(() => [
             n(e.$slots, "prefix")
           ]),
-          suffix: r(() => [
+          suffix: a(() => [
             n(e.$slots, "suffix")
           ]),
-          prepend: r(() => [
+          prepend: a(() => [
             n(e.$slots, "prepend")
           ]),
-          "prepend-outer": r(() => [
+          "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"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "model-value", "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/index71.js

@@ -10,6 +10,7 @@ const E = /* @__PURE__ */ m({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -37,7 +38,7 @@ const E = /* @__PURE__ */ m({
   },
   emits: ["active", "error", "focus", "inactive", "update:modelValue"],
   setup(i, { emit: n }) {
-    const t = i, o = n, a = u(!1), s = c(() => t.persistentHint || a.value), d = {
+    const t = i, o = n, a = u(!1), s = c(() => t.persistentHint || a.value), p = {
       onError: (e) => o("error", e),
       onFocus: (e) => o("focus", e),
       onActive: () => {
@@ -51,6 +52,7 @@ const E = /* @__PURE__ */ m({
     return (e, V) => (h(), f(k, {
       id: e.id,
       class: "bb-date-picker-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -66,16 +68,17 @@ const E = /* @__PURE__ */ m({
       label: l((r) => [
         b(e.$slots, "label", v(y(r)))
       ]),
-      input: l(({ id: r, hasErrors: p }) => [
+      input: l(({ id: r, hasErrors: d }) => [
         w(B, g({
           id: r,
           "allow-writing": e.allowWriting,
           "append:icon": e.$props["append:icon"],
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
           "first-day-of-week": e.firstDayOfWeek,
-          "has-errors": p,
+          "has-errors": d,
           loading: e.loading,
           max: e.max,
           min: e.min,
@@ -88,10 +91,10 @@ const E = /* @__PURE__ */ m({
           required: e.required,
           selectable: e.selectable,
           width: e.width
-        }, d), null, 16, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
+        }, p), null, 16, ["id", "allow-writing", "append:icon", "autocomplete", "autofocus", "compact", "disabled", "first-day-of-week", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "range", "readonly", "required", "selectable", "width"])
       ]),
       _: 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/index79.js

@@ -1,5 +1,5 @@
 import { defineComponent as j, ref as g, watch as x, computed as m, openBlock as V, createBlock as G, resolveDynamicComponent as K, normalizeClass as O, withCtx as M, createElementVNode as c, withModifiers as y, renderSlot as U, normalizeProps as Y, guardReactiveProps as Z, createTextVNode as J, unref as Q, createVNode as W, createElementBlock as F, Fragment as X, renderList as ee, toDisplayString as te } from "vue";
-import { findInTree as ae } from "./index259.js";
+import { findInTree as ae } from "./index258.js";
 import { useId as re } from "./index8.js";
 import oe from "./index128.js";
 /* empty css         */
@@ -53,7 +53,7 @@ const le = ["accept", "autofocus", "disabled", "multiple"], se = { class: "bb-dr
             const r = a.accept[t];
             if (r.includes("/")) e.push(r);
             else {
-              b || (b = (await import("./index258.js")).default);
+              b || (b = (await import("./index257.js")).default);
               const o = b.getType(r);
               if (!o)
                 throw new Error(

package/dist/index81.js

@@ -1,5 +1,5 @@
 import { defineComponent as h, ref as t, onMounted as m, onBeforeUnmount as p, openBlock as g, createBlock as b, resolveDynamicComponent as w, withCtx as _, renderSlot as I } from "vue";
-import { throttle as c } from "./index230.js";
+import { throttle as c } from "./index237.js";
 const M = /* @__PURE__ */ h({
   __name: "BbIntersection",
   props: {

package/dist/index82.js

@@ -1,4 +1,4 @@
-import { defineComponent as B, ref as t, computed as w, openBlock as g, createBlock as k, withCtx as r, renderSlot as a, normalizeProps as s, guardReactiveProps as l, createVNode as $, mergeProps as V } from "vue";
+import { defineComponent as B, ref as u, computed as w, openBlock as g, createBlock as k, withCtx as n, renderSlot as r, normalizeProps as s, guardReactiveProps as l, createVNode as $, mergeProps as V } from "vue";
 import P from "./index27.js";
 /* empty css        */
 import q from "./index29.js";
@@ -9,6 +9,7 @@ const D = /* @__PURE__ */ B({
     "append:icon": {},
     autocomplete: {},
     autofocus: {},
+    compact: { type: Boolean },
     direction: {},
     disabled: { type: Boolean },
     errors: {},
@@ -26,14 +27,14 @@ const D = /* @__PURE__ */ B({
     persistentHint: { type: Boolean },
     placeholder: {},
     "prepend:icon": {},
-    readonly: {},
+    readonly: { type: Boolean },
     required: { type: Boolean },
     reverse: { type: Boolean },
     step: {}
   },
   emits: ["blur", "change", "click", "decrease", "focus", "increase", "input", "keydown", "keyup", "mousedown", "mouseup", "update:modelValue"],
   setup(m, { expose: c, emit: b }) {
-    const i = m, o = b, p = t(), d = t(!1), h = w(() => i.persistentHint || d.value), f = {
+    const i = m, o = b, p = u(), d = u(!1), h = w(() => i.persistentHint || d.value), f = {
       onBlur: (e) => {
         d.value = !1, o("blur", e);
       },
@@ -62,6 +63,7 @@ const D = /* @__PURE__ */ B({
     }), (e, I) => (g(), k(P, {
       id: e.id,
       class: "bb-number-input",
+      compact: e.compact,
       direction: e.direction,
       errors: e.errors,
       "has-errors": e.hasErrors,
@@ -74,18 +76,19 @@ const D = /* @__PURE__ */ B({
       reverse: e.reverse,
       "show-hint": h.value
     }, {
-      label: r((u) => [
-        a(e.$slots, "label", s(l(u)))
+      label: n((t) => [
+        r(e.$slots, "label", s(l(t)))
       ]),
-      input: r(({ id: u, hasErrors: y, ariaDescribedby: v }) => [
+      input: n(({ id: t, hasErrors: y, ariaDescribedby: v }) => [
         $(q, V({
-          id: u,
+          id: t,
           ref_key: "bni",
           ref: p,
           "append:icon": i["append:icon"],
           "aria-describedby": v,
           autocomplete: e.autocomplete,
           autofocus: e.autofocus,
+          compact: e.compact,
           disabled: e.disabled,
           "has-errors": y,
           loading: e.loading,
@@ -99,29 +102,29 @@ const D = /* @__PURE__ */ B({
           required: e.required,
           step: e.step
         }, f), {
-          "append-outer": r((n) => [
-            a(e.$slots, "append-outer", s(l(n)))
+          "append-outer": n((a) => [
+            r(e.$slots, "append-outer", s(l(a)))
           ]),
-          append: r((n) => [
-            a(e.$slots, "append", s(l(n)))
+          append: n((a) => [
+            r(e.$slots, "append", s(l(a)))
           ]),
-          prefix: r((n) => [
-            a(e.$slots, "prefix", s(l(n)))
+          prefix: n((a) => [
+            r(e.$slots, "prefix", s(l(a)))
           ]),
-          prepend: r((n) => [
-            a(e.$slots, "prepend", s(l(n)))
+          prepend: n((a) => [
+            r(e.$slots, "prepend", s(l(a)))
           ]),
-          suffix: r((n) => [
-            a(e.$slots, "suffix", s(l(n)))
+          suffix: n((a) => [
+            r(e.$slots, "suffix", s(l(a)))
           ]),
-          "prepend-outer": r((n) => [
-            a(e.$slots, "prepend-outer", s(l(n)))
+          "prepend-outer": n((a) => [
+            r(e.$slots, "prepend-outer", s(l(a)))
           ]),
           _: 2
-        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
+        }, 1040, ["id", "append:icon", "aria-describedby", "autocomplete", "autofocus", "compact", "disabled", "has-errors", "loading", "max", "min", "model-value", "name", "placeholder", "prepend:icon", "readonly", "required", "step"])
       ]),
       _: 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 {