@bigbot-community/bigbot-ui 1.0.1

package/dist/braip-ui.js

@@ -0,0 +1,2502 @@
+import { defineComponent as C, computed as y, createElementBlock as s, openBlock as l, normalizeClass as $, createCommentVNode as c, createElementVNode as n, renderSlot as w, mergeModels as S, useModel as E, ref as z, onMounted as J, onUnmounted as se, createVNode as X, toDisplayString as g, withModifiers as le, Transition as Q, withCtx as A, withDirectives as Z, vModelText as fe, Fragment as L, renderList as F, createBlock as Y, resolveDynamicComponent as U, normalizeStyle as P, createTextVNode as H, watch as ee, Teleport as ve, inject as te, useId as he, provide as ae, reactive as oe, withKeys as re, useSlots as me, vShow as ne } from "vue";
+const _e = ["type", "disabled"], ye = {
+  key: 0,
+  class: "br-button__loader"
+}, ge = /* @__PURE__ */ C({
+  __name: "BrButton",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    block: { type: Boolean, default: !1 },
+    type: { default: "button" }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const a = e, o = t, r = y(() => [
+      "br-button",
+      `br-button--${a.variant}`,
+      `br-button--${a.size}`,
+      {
+        "br-button--block": a.block,
+        "br-button--loading": a.loading,
+        "br-button--disabled": a.disabled || a.loading
+      }
+    ]), h = y(() => a.disabled || a.loading);
+    function i(d) {
+      h.value || o("click", d);
+    }
+    return (d, b) => (l(), s("button", {
+      class: $(r.value),
+      type: e.type,
+      disabled: h.value,
+      onClick: i
+    }, [
+      e.loading ? (l(), s("span", ye, [...b[0] || (b[0] = [
+        n("svg", {
+          class: "br-button__spinner",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg"
+        }, [
+          n("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            "stroke-width": "3",
+            "stroke-linecap": "round",
+            "stroke-dasharray": "31.416",
+            "stroke-dashoffset": "10"
+          })
+        ], -1)
+      ])])) : c("", !0),
+      n("span", {
+        class: $(["br-button__content", { "br-button__content--hidden": e.loading }])
+      }, [
+        w(d.$slots, "default", {}, void 0, !0)
+      ], 2)
+    ], 10, _e));
+  }
+}), M = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [o, r] of t)
+    a[o] = r;
+  return a;
+}, pe = /* @__PURE__ */ M(ge, [["__scopeId", "data-v-c5e16fb5"]]), ke = ["type", "value", "placeholder", "disabled", "readonly", "min", "max", "maxlength", "autocomplete"], $e = /* @__PURE__ */ C({
+  __name: "BrInput",
+  props: /* @__PURE__ */ S({
+    type: { default: "text" },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    block: { type: Boolean, default: !0 },
+    min: {},
+    max: {},
+    maxLength: {},
+    autocomplete: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["focus", "blur", "enter", "keydown"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: a }) {
+    const o = e, r = E(e, "modelValue"), h = a, i = z(null), d = z(!1), b = y(() => [
+      "br-input",
+      `br-input--${o.size}`,
+      {
+        "br-input--block": o.block,
+        "br-input--error": o.error,
+        "br-input--disabled": o.disabled,
+        "br-input--focused": d.value
+      }
+    ]);
+    function u(V) {
+      const x = V.target, O = o.type === "number" ? Number(x.value) : x.value;
+      if (o.type === "number" && o.min !== void 0 && Number(O) < o.min) {
+        r.value = o.min;
+        return;
+      }
+      if (o.type === "number" && o.max !== void 0 && Number(O) > o.max) {
+        r.value = o.max;
+        return;
+      }
+      r.value = O;
+    }
+    function _() {
+      d.value = !0, h("focus", r.value);
+    }
+    function f() {
+      d.value = !1, h("blur", r.value);
+    }
+    function m(V) {
+      h("keydown", V), V.key === "Enter" && h("enter", r.value);
+    }
+    function B() {
+      var V;
+      (V = i.value) == null || V.focus();
+    }
+    function D() {
+      var V;
+      (V = i.value) == null || V.blur();
+    }
+    return t({ focus: B, blur: D, inputRef: i }), (V, x) => (l(), s("input", {
+      ref_key: "inputRef",
+      ref: i,
+      class: $(b.value),
+      type: e.type,
+      value: r.value,
+      placeholder: e.placeholder,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      min: e.min,
+      max: e.max,
+      maxlength: e.maxLength,
+      autocomplete: e.autocomplete,
+      onInput: u,
+      onFocus: _,
+      onBlur: f,
+      onKeydown: m
+    }, null, 42, ke));
+  }
+}), Be = /* @__PURE__ */ M($e, [["__scopeId", "data-v-e0d0448e"]]), we = ["disabled"], xe = { class: "br-select__value" }, Ce = { class: "br-select__actions" }, Me = {
+  key: 0,
+  class: "br-select__dropdown"
+}, ze = { class: "br-select__options" }, De = ["onClick", "onMouseenter"], Ve = {
+  key: 0,
+  class: "br-select__empty"
+}, Le = /* @__PURE__ */ C({
+  __name: "BrSelect",
+  props: /* @__PURE__ */ S({
+    options: { default: () => [] },
+    placeholder: { default: "Selecione..." },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    searchable: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["change", "open", "close"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const a = e, o = E(e, "modelValue"), r = t, h = z(null), i = z(!1), d = z(""), b = z(0), u = y(() => a.options.find((I) => I.id === o.value)), _ = y(() => {
+      if (!a.searchable || !d.value)
+        return a.options;
+      const I = d.value.toLowerCase();
+      return a.options.filter((R) => R.text.toLowerCase().includes(I));
+    }), f = y(() => [
+      "br-select",
+      `br-select--${a.size}`,
+      {
+        "br-select--open": i.value,
+        "br-select--error": a.error,
+        "br-select--disabled": a.disabled,
+        "br-select--has-value": o.value !== null && o.value !== void 0
+      }
+    ]);
+    function m() {
+      a.disabled || (i.value = !i.value, i.value ? (r("open"), b.value = 0) : (r("close"), d.value = ""));
+    }
+    function B(I) {
+      o.value = I.id, r("change", I.id), D();
+    }
+    function D() {
+      i.value = !1, d.value = "", r("close");
+    }
+    function V() {
+      o.value = null, r("change", null);
+    }
+    function x(I) {
+      if (!i.value) {
+        (I.key === "Enter" || I.key === " " || I.key === "ArrowDown") && (I.preventDefault(), m());
+        return;
+      }
+      switch (I.key) {
+        case "ArrowDown":
+          I.preventDefault(), b.value = Math.min(b.value + 1, _.value.length - 1);
+          break;
+        case "ArrowUp":
+          I.preventDefault(), b.value = Math.max(b.value - 1, 0);
+          break;
+        case "Enter":
+          I.preventDefault(), _.value[b.value] && B(_.value[b.value]);
+          break;
+        case "Escape":
+          D();
+          break;
+      }
+    }
+    function O(I) {
+      h.value && !h.value.contains(I.target) && D();
+    }
+    return J(() => {
+      document.addEventListener("click", O);
+    }), se(() => {
+      document.removeEventListener("click", O);
+    }), (I, R) => {
+      var K;
+      return l(), s("div", {
+        ref_key: "selectRef",
+        ref: h,
+        class: $(f.value),
+        onKeydown: x
+      }, [
+        n("button", {
+          type: "button",
+          class: "br-select__trigger",
+          disabled: e.disabled,
+          onClick: m
+        }, [
+          n("span", xe, g(((K = u.value) == null ? void 0 : K.text) || e.placeholder), 1),
+          n("span", Ce, [
+            e.clearable && o.value !== null && o.value !== void 0 ? (l(), s("span", {
+              key: 0,
+              class: "br-select__clear",
+              onClick: le(V, ["stop"])
+            }, [...R[2] || (R[2] = [
+              n("svg", {
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, [
+                n("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+              ], -1)
+            ])])) : c("", !0),
+            R[3] || (R[3] = n("span", { class: "br-select__arrow" }, [
+              n("svg", {
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, [
+                n("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" })
+              ])
+            ], -1))
+          ])
+        ], 8, we),
+        X(Q, { name: "br-select-dropdown" }, {
+          default: A(() => [
+            i.value ? (l(), s("div", Me, [
+              e.searchable ? Z((l(), s("input", {
+                key: 0,
+                "onUpdate:modelValue": R[0] || (R[0] = (p) => d.value = p),
+                type: "text",
+                class: "br-select__search",
+                placeholder: "Buscar...",
+                onClick: R[1] || (R[1] = le(() => {
+                }, ["stop"]))
+              }, null, 512)), [
+                [fe, d.value]
+              ]) : c("", !0),
+              n("ul", ze, [
+                (l(!0), s(L, null, F(_.value, (p, v) => (l(), s("li", {
+                  key: p.id,
+                  class: $(["br-select__option", {
+                    "br-select__option--selected": p.id === o.value,
+                    "br-select__option--highlighted": v === b.value
+                  }]),
+                  onClick: (k) => B(p),
+                  onMouseenter: (k) => b.value = v
+                }, g(p.text), 43, De))), 128)),
+                _.value.length === 0 ? (l(), s("li", Ve, " Nenhum resultado encontrado ")) : c("", !0)
+              ])
+            ])) : c("", !0)
+          ]),
+          _: 1
+        })
+      ], 34);
+    };
+  }
+}), Ie = /* @__PURE__ */ M(Le, [["__scopeId", "data-v-f27aca2e"]]), Se = /* @__PURE__ */ C({
+  __name: "BrBadge",
+  props: {
+    variant: { default: "default" },
+    size: { default: "md" },
+    rounded: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = y(() => [
+      "br-badge",
+      `br-badge--${t.variant}`,
+      `br-badge--${t.size}`,
+      {
+        "br-badge--rounded": t.rounded
+      }
+    ]);
+    return (o, r) => (l(), s("span", {
+      class: $(a.value)
+    }, [
+      w(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Te = /* @__PURE__ */ M(Se, [["__scopeId", "data-v-2a00a96a"]]), Fe = /* @__PURE__ */ C({
+  __name: "BrTitle",
+  props: {
+    tag: { default: "h1" },
+    level: { default: "4" },
+    weight: { default: "semibold" },
+    color: { default: "var(--br-dark-0)" },
+    align: { default: "left" },
+    truncate: { type: Boolean, default: !1 },
+    maxLines: { default: void 0 }
+  },
+  setup(e) {
+    const t = e, a = y(() => [
+      "br-title",
+      `br-title--level-${t.level}`,
+      `br-title--${t.weight}`,
+      `br-title--${t.align}`,
+      {
+        "br-title--truncate": t.truncate,
+        "br-title--clamp": t.maxLines
+      }
+    ]), o = y(() => ({
+      color: t.color,
+      "--max-lines": t.maxLines
+    }));
+    return (r, h) => (l(), Y(U(e.tag), {
+      class: $(a.value),
+      style: P(o.value)
+    }, {
+      default: A(() => [
+        w(r.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+}), Pe = /* @__PURE__ */ M(Fe, [["__scopeId", "data-v-2d0ba171"]]), Ee = {
+  key: 0,
+  class: "br-spinner__circle"
+}, Oe = {
+  key: 1,
+  class: "br-spinner__check",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Re = {
+  key: 2,
+  class: "br-spinner__error",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, He = /* @__PURE__ */ C({
+  __name: "BrSpinner",
+  props: {
+    size: { default: "md" },
+    color: { default: "var(--br-primary-600)" },
+    status: { default: "loading" }
+  },
+  setup(e) {
+    const t = e, a = {
+      sm: 16,
+      md: 24,
+      lg: 32,
+      xl: 48
+    }, o = y(() => a[t.size]), r = y(() => ({
+      "--spinner-size": `${o.value}px`,
+      "--spinner-color": t.color
+    }));
+    return (h, i) => (l(), s("div", {
+      class: "br-spinner",
+      style: P(r.value)
+    }, [
+      e.status === "loading" ? (l(), s("span", Ee)) : e.status === "success" ? (l(), s("svg", Oe, [...i[0] || (i[0] = [
+        n("path", {
+          d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",
+          fill: "currentColor"
+        }, null, -1)
+      ])])) : e.status === "error" ? (l(), s("svg", Re, [...i[1] || (i[1] = [
+        n("path", {
+          d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z",
+          fill: "currentColor"
+        }, null, -1)
+      ])])) : c("", !0)
+    ], 4));
+  }
+}), Ne = /* @__PURE__ */ M(He, [["__scopeId", "data-v-e1392f7e"]]), Ae = ["aria-checked", "disabled"], Ye = /* @__PURE__ */ C({
+  __name: "BrSwitch",
+  props: /* @__PURE__ */ S({
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = y(() => [
+      "br-switch",
+      `br-switch--${t.size}`,
+      {
+        "br-switch--checked": a.value,
+        "br-switch--disabled": t.disabled
+      }
+    ]);
+    function r() {
+      t.disabled || (a.value = !a.value);
+    }
+    return (h, i) => (l(), s("button", {
+      type: "button",
+      role: "switch",
+      class: $(o.value),
+      "aria-checked": a.value,
+      disabled: e.disabled,
+      onClick: r
+    }, [...i[0] || (i[0] = [
+      n("span", { class: "br-switch__track" }, [
+        n("span", { class: "br-switch__thumb" })
+      ], -1)
+    ])], 10, Ae));
+  }
+}), We = /* @__PURE__ */ M(Ye, [["__scopeId", "data-v-405d5e3b"]]), je = { class: "br-textarea-wrapper" }, Ue = ["value", "placeholder", "disabled", "readonly", "rows", "maxlength"], Ke = {
+  key: 0,
+  class: "br-textarea__counter"
+}, qe = /* @__PURE__ */ C({
+  __name: "BrTextarea",
+  props: /* @__PURE__ */ S({
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    rows: { default: 4 },
+    resize: { default: "vertical" },
+    maxLength: { default: void 0 }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["focus", "blur"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: a }) {
+    const o = e, r = E(e, "modelValue"), h = a, i = z(null), d = z(!1), b = y(() => [
+      "br-textarea",
+      {
+        "br-textarea--error": o.error,
+        "br-textarea--disabled": o.disabled,
+        "br-textarea--focused": d.value
+      }
+    ]), u = y(() => ({
+      resize: o.resize
+    })), _ = y(() => {
+      var x;
+      return ((x = r.value) == null ? void 0 : x.length) || 0;
+    });
+    function f(x) {
+      const O = x.target;
+      r.value = O.value;
+    }
+    function m() {
+      d.value = !0, h("focus", r.value);
+    }
+    function B() {
+      d.value = !1, h("blur", r.value);
+    }
+    function D() {
+      var x;
+      (x = i.value) == null || x.focus();
+    }
+    function V() {
+      var x;
+      (x = i.value) == null || x.blur();
+    }
+    return t({ focus: D, blur: V, textareaRef: i }), (x, O) => (l(), s("div", je, [
+      n("textarea", {
+        ref_key: "textareaRef",
+        ref: i,
+        class: $(b.value),
+        style: P(u.value),
+        value: r.value,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        rows: e.rows,
+        maxlength: e.maxLength,
+        onInput: f,
+        onFocus: m,
+        onBlur: B
+      }, null, 46, Ue),
+      e.maxLength ? (l(), s("div", Ke, g(_.value) + "/" + g(e.maxLength), 1)) : c("", !0)
+    ]));
+  }
+}), Ge = /* @__PURE__ */ M(qe, [["__scopeId", "data-v-cf07f7bb"]]), Xe = ["src", "alt"], Qe = {
+  key: 1,
+  class: "br-avatar__initials"
+}, Je = /* @__PURE__ */ C({
+  __name: "BrAvatar",
+  props: {
+    src: {},
+    alt: {},
+    initials: {},
+    size: { default: "md" },
+    shape: { default: "circle" },
+    showStatus: { type: Boolean, default: !1 },
+    status: { default: "offline" }
+  },
+  setup(e) {
+    const t = e, a = z(!1), o = y(() => [
+      "br-avatar",
+      `br-avatar--${t.size}`,
+      `br-avatar--${t.shape}`
+    ]), r = y(() => {
+      if (t.initials) return t.initials.slice(0, 2).toUpperCase();
+      if (t.alt) {
+        const d = t.alt.split(" ");
+        return d.length >= 2 ? (d[0][0] + d[1][0]).toUpperCase() : t.alt.slice(0, 2).toUpperCase();
+      }
+      return "?";
+    }), h = y(() => t.src && !a.value);
+    function i() {
+      a.value = !0;
+    }
+    return (d, b) => (l(), s("div", {
+      class: $(o.value)
+    }, [
+      h.value ? (l(), s("img", {
+        key: 0,
+        src: e.src,
+        alt: e.alt,
+        class: "br-avatar__image",
+        onError: i
+      }, null, 40, Xe)) : (l(), s("span", Qe, g(r.value), 1)),
+      e.showStatus ? (l(), s("span", {
+        key: 2,
+        class: $(["br-avatar__status", `br-avatar__status--${e.status}`])
+      }, null, 2)) : c("", !0)
+    ], 2));
+  }
+}), Ze = /* @__PURE__ */ M(Je, [["__scopeId", "data-v-8fc21f0d"]]), et = {
+  key: 0,
+  class: "br-image__placeholder"
+}, tt = ["src", "alt", "loading"], at = /* @__PURE__ */ C({
+  __name: "BrImage",
+  props: {
+    src: {},
+    alt: {},
+    width: {},
+    height: {},
+    fit: { default: "cover" },
+    lazy: { type: Boolean, default: !0 },
+    showPlaceholder: { type: Boolean, default: !0 },
+    rounded: { type: [Boolean, String], default: !1 },
+    fallback: {}
+  },
+  setup(e) {
+    const t = e, a = z(!1), o = z(!1), r = z(null), h = y(() => [
+      "br-image",
+      {
+        "br-image--loading": !a.value && t.showPlaceholder,
+        "br-image--error": o.value,
+        "br-image--rounded": t.rounded === !0,
+        [`br-image--rounded-${t.rounded}`]: typeof t.rounded == "string"
+      }
+    ]), i = y(() => ({
+      width: typeof t.width == "number" ? `${t.width}px` : t.width,
+      height: typeof t.height == "number" ? `${t.height}px` : t.height,
+      objectFit: t.fit
+    })), d = y(() => o.value && t.fallback ? t.fallback : t.src);
+    function b() {
+      a.value = !0;
+    }
+    function u() {
+      o.value = !0, t.fallback || (a.value = !0);
+    }
+    return J(() => {
+      !t.lazy && r.value && (r.value.loading = "eager");
+    }), (_, f) => (l(), s("div", {
+      class: $(h.value),
+      style: P({ width: i.value.width, height: i.value.height })
+    }, [
+      !a.value && e.showPlaceholder ? (l(), s("div", et, [...f[0] || (f[0] = [
+        n("svg", {
+          viewBox: "0 0 24 24",
+          fill: "currentColor"
+        }, [
+          n("path", { d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z" })
+        ], -1)
+      ])])) : c("", !0),
+      n("img", {
+        ref_key: "imageRef",
+        ref: r,
+        src: d.value,
+        alt: e.alt,
+        loading: e.lazy ? "lazy" : "eager",
+        class: "br-image__img",
+        style: P(i.value),
+        onLoad: b,
+        onError: u
+      }, null, 44, tt)
+    ], 6));
+  }
+}), lt = /* @__PURE__ */ M(at, [["__scopeId", "data-v-05588dbe"]]), st = ["src", "poster", "autoplay", "loop", "muted", "controls", "preload"], ot = /* @__PURE__ */ C({
+  __name: "BrVideo",
+  props: {
+    src: {},
+    poster: {},
+    width: {},
+    height: {},
+    autoplay: { type: Boolean, default: !1 },
+    loop: { type: Boolean, default: !1 },
+    muted: { type: Boolean, default: !1 },
+    controls: { type: Boolean, default: !0 },
+    preload: { default: "metadata" },
+    rounded: { type: [Boolean, String], default: !1 }
+  },
+  emits: ["play", "pause", "ended", "error"],
+  setup(e, { expose: t, emit: a }) {
+    const o = e, r = a, h = z(null), i = z(!1), d = y(() => [
+      "br-video",
+      {
+        "br-video--rounded": o.rounded === !0,
+        [`br-video--rounded-${o.rounded}`]: typeof o.rounded == "string"
+      }
+    ]), b = y(() => ({
+      width: typeof o.width == "number" ? `${o.width}px` : o.width,
+      height: typeof o.height == "number" ? `${o.height}px` : o.height
+    }));
+    function u() {
+      var x;
+      (x = h.value) == null || x.play();
+    }
+    function _() {
+      var x;
+      (x = h.value) == null || x.pause();
+    }
+    function f() {
+      i.value ? _() : u();
+    }
+    function m() {
+      i.value = !0, r("play");
+    }
+    function B() {
+      i.value = !1, r("pause");
+    }
+    function D() {
+      i.value = !1, r("ended");
+    }
+    function V(x) {
+      r("error", x);
+    }
+    return t({
+      play: u,
+      pause: _,
+      toggle: f,
+      videoRef: h
+    }), (x, O) => (l(), s("div", {
+      class: $(d.value),
+      style: P(b.value)
+    }, [
+      n("video", {
+        ref_key: "videoRef",
+        ref: h,
+        src: e.src,
+        poster: e.poster,
+        autoplay: e.autoplay,
+        loop: e.loop,
+        muted: e.muted,
+        controls: e.controls,
+        preload: e.preload,
+        class: "br-video__player",
+        onPlay: m,
+        onPause: B,
+        onEnded: D,
+        onError: V
+      }, [
+        w(x.$slots, "default", {}, void 0, !0)
+      ], 40, st)
+    ], 6));
+  }
+}), rt = /* @__PURE__ */ M(ot, [["__scopeId", "data-v-3c275265"]]), nt = ["for"], it = ["id", "name", "value", "checked", "disabled"], dt = {
+  key: 0,
+  class: "br-radio__label"
+}, ut = {
+  key: 1,
+  class: "br-radio__helper"
+}, ct = /* @__PURE__ */ C({
+  __name: "BrRadio",
+  props: /* @__PURE__ */ S({
+    value: { type: [String, Number, Boolean] },
+    label: {},
+    name: {},
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    helperText: {}
+  }, {
+    modelValue: { type: [String, Number, Boolean] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = y(() => [
+      "br-radio",
+      `br-radio--${t.size}`,
+      {
+        "br-radio--disabled": t.disabled,
+        "br-radio--error": t.error,
+        "br-radio--checked": a.value === t.value
+      }
+    ]), r = y(() => `radio-${t.name}-${t.value}`);
+    function h() {
+      t.disabled || (a.value = t.value);
+    }
+    return (i, d) => (l(), s("label", {
+      class: $(o.value),
+      for: r.value
+    }, [
+      n("input", {
+        id: r.value,
+        type: "radio",
+        name: e.name,
+        value: e.value,
+        checked: a.value === e.value,
+        disabled: e.disabled,
+        class: "br-radio__input",
+        onChange: h
+      }, null, 40, it),
+      d[0] || (d[0] = n("span", { class: "br-radio__control" }, [
+        n("span", { class: "br-radio__dot" })
+      ], -1)),
+      e.label || i.$slots.default ? (l(), s("span", dt, [
+        w(i.$slots, "default", {}, () => [
+          H(g(e.label), 1)
+        ], !0)
+      ])) : c("", !0),
+      e.helperText ? (l(), s("span", ut, g(e.helperText), 1)) : c("", !0)
+    ], 10, nt));
+  }
+}), ie = /* @__PURE__ */ M(ct, [["__scopeId", "data-v-8a6221be"]]), bt = ["aria-label"], ft = {
+  key: 0,
+  class: "br-radio-group__label"
+}, vt = { class: "br-radio-group__options" }, ht = {
+  key: 1,
+  class: "br-radio-group__error"
+}, mt = /* @__PURE__ */ C({
+  __name: "BrRadioGroup",
+  props: /* @__PURE__ */ S({
+    name: {},
+    label: {},
+    options: {},
+    direction: { default: "vertical" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    errorMessage: {}
+  }, {
+    modelValue: { type: [String, Number, Boolean] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = y(() => [
+      "br-radio-group",
+      `br-radio-group--${t.direction}`,
+      {
+        "br-radio-group--error": t.error
+      }
+    ]);
+    return (r, h) => (l(), s("div", {
+      class: $(o.value),
+      role: "radiogroup",
+      "aria-label": e.label
+    }, [
+      e.label ? (l(), s("span", ft, g(e.label), 1)) : c("", !0),
+      n("div", vt, [
+        (l(!0), s(L, null, F(e.options, (i) => (l(), Y(ie, {
+          key: String(i.value),
+          modelValue: a.value,
+          "onUpdate:modelValue": h[0] || (h[0] = (d) => a.value = d),
+          value: i.value,
+          label: i.label,
+          name: e.name,
+          size: e.size,
+          disabled: e.disabled || i.disabled,
+          error: e.error
+        }, null, 8, ["modelValue", "value", "label", "name", "size", "disabled", "error"]))), 128))
+      ]),
+      e.error && e.errorMessage ? (l(), s("span", ht, g(e.errorMessage), 1)) : c("", !0)
+    ], 10, bt));
+  }
+}), _t = /* @__PURE__ */ M(mt, [["__scopeId", "data-v-039c48d2"]]), yt = {
+  key: 0,
+  class: "br-progressbar__label"
+}, gt = { class: "br-progressbar__track" }, pt = {
+  key: 0,
+  class: "br-progressbar__label"
+}, kt = {
+  key: 1,
+  class: "br-progressbar__label"
+}, $t = /* @__PURE__ */ C({
+  __name: "BrProgressbar",
+  props: {
+    value: { default: 0 },
+    max: { default: 100 },
+    size: { default: "md" },
+    variant: { default: "primary" },
+    showLabel: { type: Boolean, default: !1 },
+    labelPosition: { default: "right" },
+    striped: { type: Boolean, default: !1 },
+    animated: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = y(() => t.indeterminate ? 0 : Math.min(100, Math.max(0, t.value / t.max * 100))), o = y(() => [
+      "br-progressbar",
+      `br-progressbar--${t.size}`,
+      `br-progressbar--${t.variant}`,
+      {
+        "br-progressbar--striped": t.striped,
+        "br-progressbar--animated": t.animated,
+        "br-progressbar--indeterminate": t.indeterminate,
+        "br-progressbar--rounded": t.rounded,
+        [`br-progressbar--label-${t.labelPosition}`]: t.showLabel
+      }
+    ]), r = y(() => ({
+      width: t.indeterminate ? "100%" : `${a.value}%`
+    }));
+    return (h, i) => (l(), s("div", {
+      class: $(o.value)
+    }, [
+      e.showLabel && e.labelPosition === "top" ? (l(), s("span", yt, g(Math.round(a.value)) + "% ", 1)) : c("", !0),
+      n("div", gt, [
+        n("div", {
+          class: "br-progressbar__bar",
+          style: P(r.value)
+        }, [
+          e.showLabel && e.labelPosition === "inside" ? (l(), s("span", pt, g(Math.round(a.value)) + "% ", 1)) : c("", !0)
+        ], 4)
+      ]),
+      e.showLabel && e.labelPosition === "right" ? (l(), s("span", kt, g(Math.round(a.value)) + "% ", 1)) : c("", !0)
+    ], 2));
+  }
+}), Bt = /* @__PURE__ */ M($t, [["__scopeId", "data-v-88f6926a"]]), wt = { class: "br-rating__stars" }, xt = ["disabled", "onMousemove", "onClick"], Ct = {
+  viewBox: "0 0 24 24",
+  class: "br-rating__icon"
+}, Mt = { key: 0 }, zt = ["id"], Dt = ["d", "fill"], Vt = {
+  key: 0,
+  class: "br-rating__value"
+}, Lt = /* @__PURE__ */ C({
+  __name: "BrRating",
+  props: /* @__PURE__ */ S({
+    max: { default: 5 },
+    size: { default: "md" },
+    allowHalf: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    showValue: { type: Boolean, default: !1 },
+    activeColor: {},
+    inactiveColor: {},
+    icon: { default: "star" },
+    clearable: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = z(null), r = y(() => o.value !== null && !t.readonly && !t.disabled ? o.value : a.value), h = y(() => [
+      "br-rating",
+      `br-rating--${t.size}`,
+      {
+        "br-rating--readonly": t.readonly,
+        "br-rating--disabled": t.disabled
+      }
+    ]), i = y(() => {
+      const f = [];
+      for (let m = 1; m <= t.max; m++) {
+        const B = r.value >= m, D = t.allowHalf && r.value >= m - 0.5 && r.value < m;
+        f.push({
+          index: m,
+          filled: B,
+          halfFilled: D
+        });
+      }
+      return f;
+    });
+    function d(f, m) {
+      if (!(t.readonly || t.disabled))
+        if (t.allowHalf) {
+          const D = m.currentTarget.getBoundingClientRect(), V = m.clientX - D.left < D.width / 2;
+          o.value = V ? f - 0.5 : f;
+        } else
+          o.value = f;
+    }
+    function b() {
+      o.value = null;
+    }
+    function u(f, m) {
+      if (t.readonly || t.disabled) return;
+      let B;
+      if (t.allowHalf) {
+        const V = m.currentTarget.getBoundingClientRect();
+        B = m.clientX - V.left < V.width / 2 ? f - 0.5 : f;
+      } else
+        B = f;
+      t.clearable && a.value === B ? a.value = 0 : a.value = B;
+    }
+    const _ = {
+      star: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z",
+      heart: "M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z",
+      circle: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"
+    };
+    return (f, m) => (l(), s("div", {
+      class: $(h.value),
+      onMouseleave: b
+    }, [
+      n("div", wt, [
+        (l(!0), s(L, null, F(i.value, (B) => (l(), s("button", {
+          key: B.index,
+          type: "button",
+          class: $(["br-rating__star", {
+            "br-rating__star--filled": B.filled,
+            "br-rating__star--half": B.halfFilled
+          }]),
+          style: P({
+            "--active-color": e.activeColor,
+            "--inactive-color": e.inactiveColor
+          }),
+          disabled: e.disabled,
+          onMousemove: (D) => d(B.index, D),
+          onClick: (D) => u(B.index, D)
+        }, [
+          (l(), s("svg", Ct, [
+            B.halfFilled ? (l(), s("defs", Mt, [
+              n("linearGradient", {
+                id: `half-${B.index}`
+              }, [...m[0] || (m[0] = [
+                n("stop", {
+                  offset: "50%",
+                  "stop-color": "currentColor"
+                }, null, -1),
+                n("stop", {
+                  offset: "50%",
+                  "stop-color": "var(--br-light-400)"
+                }, null, -1)
+              ])], 8, zt)
+            ])) : c("", !0),
+            n("path", {
+              d: _[e.icon],
+              fill: B.halfFilled ? `url(#half-${B.index})` : "currentColor"
+            }, null, 8, Dt)
+          ]))
+        ], 46, xt))), 128))
+      ]),
+      e.showValue ? (l(), s("span", Vt, g(a.value.toFixed(e.allowHalf ? 1 : 0)), 1)) : c("", !0)
+    ], 34));
+  }
+}), It = /* @__PURE__ */ M(Lt, [["__scopeId", "data-v-f48bff19"]]), St = ["checked", "disabled"], Tt = { class: "br-checkbox__control" }, Ft = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  class: "br-checkbox__icon"
+}, Pt = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  class: "br-checkbox__icon"
+}, Et = {
+  key: 0,
+  class: "br-checkbox__label"
+}, Ot = {
+  key: 1,
+  class: "br-checkbox__helper"
+}, Rt = /* @__PURE__ */ C({
+  __name: "BrCheckbox",
+  props: /* @__PURE__ */ S({
+    label: {},
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    helperText: {},
+    trueValue: { type: [String, Number, Boolean], default: !0 },
+    falseValue: { type: [String, Number, Boolean], default: !1 }
+  }, {
+    modelValue: { type: [String, Number, Boolean, Array] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = z(null), r = y(() => Array.isArray(a.value) ? a.value.includes(t.trueValue) : a.value === t.trueValue), h = y(() => [
+      "br-checkbox",
+      `br-checkbox--${t.size}`,
+      {
+        "br-checkbox--disabled": t.disabled,
+        "br-checkbox--error": t.error,
+        "br-checkbox--checked": r.value,
+        "br-checkbox--indeterminate": t.indeterminate
+      }
+    ]);
+    ee(
+      () => t.indeterminate,
+      (d) => {
+        o.value && (o.value.indeterminate = d);
+      },
+      { immediate: !0 }
+    );
+    function i() {
+      if (!t.disabled)
+        if (Array.isArray(a.value)) {
+          const d = [...a.value], b = d.indexOf(t.trueValue);
+          b > -1 ? d.splice(b, 1) : d.push(t.trueValue), a.value = d;
+        } else
+          a.value = r.value ? t.falseValue : t.trueValue;
+    }
+    return (d, b) => (l(), s("label", {
+      class: $(h.value)
+    }, [
+      n("input", {
+        ref_key: "inputRef",
+        ref: o,
+        type: "checkbox",
+        checked: r.value,
+        disabled: e.disabled,
+        class: "br-checkbox__input",
+        onChange: i
+      }, null, 40, St),
+      n("span", Tt, [
+        r.value && !e.indeterminate ? (l(), s("svg", Ft, [...b[0] || (b[0] = [
+          n("path", {
+            d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : e.indeterminate ? (l(), s("svg", Pt, [...b[1] || (b[1] = [
+          n("path", {
+            d: "M19 13H5v-2h14v2z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : c("", !0)
+      ]),
+      e.label || d.$slots.default ? (l(), s("span", Et, [
+        w(d.$slots, "default", {}, () => [
+          H(g(e.label), 1)
+        ], !0)
+      ])) : c("", !0),
+      e.helperText ? (l(), s("span", Ot, g(e.helperText), 1)) : c("", !0)
+    ], 2));
+  }
+}), de = /* @__PURE__ */ M(Rt, [["__scopeId", "data-v-705968b3"]]), Ht = ["aria-label"], Nt = {
+  key: 0,
+  class: "br-checkbox-group__label"
+}, At = { class: "br-checkbox-group__options" }, Yt = {
+  key: 1,
+  class: "br-checkbox-group__error"
+}, Wt = /* @__PURE__ */ C({
+  __name: "BrCheckboxGroup",
+  props: /* @__PURE__ */ S({
+    label: {},
+    options: {},
+    direction: { default: "vertical" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    min: {},
+    max: {}
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = y(() => [
+      "br-checkbox-group",
+      `br-checkbox-group--${t.direction}`,
+      {
+        "br-checkbox-group--error": t.error
+      }
+    ]);
+    function r(h) {
+      return !!(t.disabled || h.disabled || t.max && a.value.length >= t.max && !a.value.includes(h.value) || t.min && a.value.length <= t.min && a.value.includes(h.value));
+    }
+    return (h, i) => (l(), s("div", {
+      class: $(o.value),
+      role: "group",
+      "aria-label": e.label
+    }, [
+      e.label ? (l(), s("span", Nt, g(e.label), 1)) : c("", !0),
+      n("div", At, [
+        (l(!0), s(L, null, F(e.options, (d) => (l(), Y(de, {
+          key: String(d.value),
+          modelValue: a.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (b) => a.value = b),
+          label: d.label,
+          "true-value": d.value,
+          size: e.size,
+          disabled: r(d),
+          error: e.error
+        }, null, 8, ["modelValue", "label", "true-value", "size", "disabled", "error"]))), 128))
+      ]),
+      e.error && e.errorMessage ? (l(), s("span", Yt, g(e.errorMessage), 1)) : c("", !0)
+    ], 10, Ht));
+  }
+}), jt = /* @__PURE__ */ M(Wt, [["__scopeId", "data-v-ea9cc537"]]), Ut = {
+  key: 0,
+  class: "br-modal__container"
+}, Kt = {
+  key: 0,
+  class: "br-modal__header"
+}, qt = { class: "br-modal__title" }, Gt = { class: "br-modal__body" }, Xt = {
+  key: 1,
+  class: "br-modal__footer"
+}, Qt = /* @__PURE__ */ C({
+  __name: "BrModal",
+  props: /* @__PURE__ */ S({
+    title: { default: "" },
+    variant: { default: "center" },
+    size: { default: "md" },
+    closable: { type: Boolean, default: !0 },
+    closeOnClickOutside: { type: Boolean, default: !0 },
+    closeOnEscape: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
+    showFooter: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["close", "confirm", "cancel"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const a = e, o = E(e, "modelValue"), r = t, h = y(() => [
+      "br-modal",
+      `br-modal--${a.variant}`,
+      `br-modal--${a.size}`,
+      {
+        "br-modal--open": o.value
+      }
+    ]);
+    function i() {
+      a.persistent || (o.value = !1, r("close"));
+    }
+    function d() {
+      a.closeOnClickOutside && i();
+    }
+    function b(m) {
+      m.key === "Escape" && a.closeOnEscape && o.value && i();
+    }
+    function u() {
+      r("confirm");
+    }
+    function _() {
+      r("cancel"), i();
+    }
+    ee(o, (m) => {
+      typeof document > "u" || (document.body.style.overflow = m ? "hidden" : "");
+    });
+    const f = z(!1);
+    return J(() => {
+      f.value = !0, document.addEventListener("keydown", b);
+    }), se(() => {
+      document.removeEventListener("keydown", b), document.body.style.overflow = "";
+    }), (m, B) => (l(), Y(ve, {
+      to: "body",
+      disabled: !f.value
+    }, [
+      X(Q, { name: "br-modal-fade" }, {
+        default: A(() => [
+          o.value ? (l(), s("div", {
+            key: 0,
+            class: $(h.value)
+          }, [
+            n("div", {
+              class: "br-modal__backdrop",
+              onClick: d
+            }),
+            X(Q, {
+              name: e.variant === "aside" ? "br-modal-slide" : "br-modal-scale"
+            }, {
+              default: A(() => [
+                o.value ? (l(), s("div", Ut, [
+                  e.showHeader ? (l(), s("header", Kt, [
+                    w(m.$slots, "header", {}, () => [
+                      n("h2", qt, g(e.title), 1)
+                    ], !0),
+                    e.closable ? (l(), s("button", {
+                      key: 0,
+                      type: "button",
+                      class: "br-modal__close",
+                      "aria-label": "Fechar",
+                      onClick: i
+                    }, [...B[0] || (B[0] = [
+                      n("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "currentColor"
+                      }, [
+                        n("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+                      ], -1)
+                    ])])) : c("", !0)
+                  ])) : c("", !0),
+                  n("div", Gt, [
+                    w(m.$slots, "default", {}, void 0, !0)
+                  ]),
+                  e.showFooter || m.$slots.footer ? (l(), s("footer", Xt, [
+                    w(m.$slots, "footer", {}, () => [
+                      n("button", {
+                        type: "button",
+                        class: "br-modal__btn br-modal__btn--cancel",
+                        onClick: _
+                      }, " Cancelar "),
+                      n("button", {
+                        type: "button",
+                        class: "br-modal__btn br-modal__btn--confirm",
+                        onClick: u
+                      }, " Confirmar ")
+                    ], !0)
+                  ])) : c("", !0)
+                ])) : c("", !0)
+              ]),
+              _: 3
+            }, 8, ["name"])
+          ], 2)) : c("", !0)
+        ]),
+        _: 3
+      })
+    ], 8, ["disabled"]));
+  }
+}), Jt = /* @__PURE__ */ M(Qt, [["__scopeId", "data-v-35676239"]]), Zt = ["aria-expanded", "disabled"], ea = {
+  key: 0,
+  class: "br-accordion-item__icon",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, ta = {
+  key: 1,
+  class: "br-accordion-item__custom-icon"
+}, aa = { class: "br-accordion-item__title" }, la = {
+  key: 2,
+  class: "br-accordion-item__icon",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, sa = /* @__PURE__ */ C({
+  __name: "BrAccordionItem",
+  props: {
+    title: {},
+    id: {},
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    open: { type: Boolean }
+  },
+  setup(e) {
+    const t = e, a = te("accordion"), o = z(t.id ?? he()), r = z(null), h = y(() => t.open !== void 0 ? t.open : (a == null ? void 0 : a.isItemOpen(o.value)) ?? !1), i = y(() => t.disabled || (a == null ? void 0 : a.disabled.value)), d = y(() => (a == null ? void 0 : a.iconPosition.value) ?? "right"), b = y(() => [
+      "br-accordion-item",
+      {
+        "br-accordion-item--open": h.value,
+        "br-accordion-item--disabled": i.value,
+        "br-accordion-item--icon-left": d.value === "left"
+      }
+    ]);
+    function u() {
+      i.value || a == null || a.toggleItem(o.value);
+    }
+    const _ = y(() => h.value ? r.value ? `${r.value.scrollHeight}px` : "auto" : "0px");
+    return (f, m) => (l(), s("div", {
+      class: $(b.value)
+    }, [
+      n("button", {
+        type: "button",
+        class: "br-accordion-item__header",
+        "aria-expanded": h.value,
+        disabled: i.value,
+        onClick: u
+      }, [
+        d.value === "left" ? (l(), s("svg", ea, [...m[0] || (m[0] = [
+          n("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }, null, -1)
+        ])])) : c("", !0),
+        e.icon ? (l(), s("span", ta, [
+          w(f.$slots, "icon", {}, () => [
+            H(g(e.icon), 1)
+          ], !0)
+        ])) : c("", !0),
+        n("span", aa, [
+          w(f.$slots, "title", {}, () => [
+            H(g(e.title), 1)
+          ], !0)
+        ]),
+        d.value === "right" ? (l(), s("svg", la, [...m[1] || (m[1] = [
+          n("path", { d: "M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" }, null, -1)
+        ])])) : c("", !0)
+      ], 8, Zt),
+      n("div", {
+        class: "br-accordion-item__content-wrapper",
+        style: P({ height: _.value })
+      }, [
+        n("div", {
+          ref_key: "contentRef",
+          ref: r,
+          class: "br-accordion-item__content"
+        }, [
+          w(f.$slots, "default", {}, void 0, !0)
+        ], 512)
+      ], 4)
+    ], 2));
+  }
+}), ue = /* @__PURE__ */ M(sa, [["__scopeId", "data-v-0273b287"]]), oa = /* @__PURE__ */ C({
+  __name: "BrAccordion",
+  props: {
+    items: {},
+    multiple: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    iconPosition: { default: "right" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = z(/* @__PURE__ */ new Set()), o = y(() => [
+      "br-accordion",
+      `br-accordion--${t.variant}`,
+      {
+        "br-accordion--disabled": t.disabled
+      }
+    ]);
+    function r(i) {
+      t.disabled || (a.value.has(i) ? a.value.delete(i) : (t.multiple || a.value.clear(), a.value.add(i)), a.value = new Set(a.value));
+    }
+    function h(i) {
+      return a.value.has(i);
+    }
+    return ae(
+      "accordion",
+      oe({
+        iconPosition: y(() => t.iconPosition),
+        disabled: y(() => t.disabled),
+        toggleItem: r,
+        isItemOpen: h
+      })
+    ), (i, d) => (l(), s("div", {
+      class: $(o.value)
+    }, [
+      e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (b) => (l(), Y(ue, {
+        key: b.id,
+        id: b.id,
+        title: b.title,
+        icon: b.icon,
+        disabled: b.disabled
+      }, {
+        default: A(() => [
+          b.content ? (l(), s(L, { key: 0 }, [
+            H(g(b.content), 1)
+          ], 64)) : w(i.$slots, `item-${b.id}`, {
+            key: 1,
+            item: b
+          }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["id", "title", "icon", "disabled"]))), 128)) : w(i.$slots, "default", { key: 1 }, void 0, !0)
+    ], 2));
+  }
+}), ra = /* @__PURE__ */ M(oa, [["__scopeId", "data-v-a3ef9f00"]]), na = ["role", "tabindex"], ia = {
+  key: 0,
+  class: "br-card__loader"
+}, da = ["src"], ua = { class: "br-card__content" }, ca = {
+  key: 0,
+  class: "br-card__header"
+}, ba = {
+  key: 0,
+  class: "br-card__title"
+}, fa = {
+  key: 1,
+  class: "br-card__subtitle"
+}, va = { class: "br-card__body" }, ha = {
+  key: 1,
+  class: "br-card__footer"
+}, ma = ["src"], _a = /* @__PURE__ */ C({
+  __name: "BrCard",
+  props: {
+    variant: { default: "elevated" },
+    size: { default: "md" },
+    clickable: { type: Boolean, default: !1 },
+    title: {},
+    subtitle: {},
+    image: {},
+    imagePosition: { default: "top" },
+    imageHeight: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    rounded: { default: "md" },
+    fullWidth: { type: Boolean, default: !1 }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const a = e, o = t, r = y(() => [
+      "br-card",
+      `br-card--${a.variant}`,
+      `br-card--${a.size}`,
+      `br-card--rounded-${a.rounded}`,
+      `br-card--image-${a.imagePosition}`,
+      {
+        "br-card--clickable": a.clickable,
+        "br-card--disabled": a.disabled,
+        "br-card--loading": a.loading,
+        "br-card--full-width": a.fullWidth
+      }
+    ]), h = y(() => a.imageHeight ? { height: typeof a.imageHeight == "number" ? `${a.imageHeight}px` : a.imageHeight } : {});
+    function i(d) {
+      a.disabled || a.loading || o("click", d);
+    }
+    return (d, b) => (l(), s("div", {
+      class: $(r.value),
+      role: e.clickable ? "button" : void 0,
+      tabindex: e.clickable && !e.disabled ? 0 : void 0,
+      onClick: b[0] || (b[0] = (u) => e.clickable ? i(u) : void 0),
+      onKeydown: b[1] || (b[1] = re((u) => e.clickable ? i(u) : void 0, ["enter"]))
+    }, [
+      e.loading ? (l(), s("div", ia, [...b[2] || (b[2] = [
+        n("div", { class: "br-card__loader-spinner" }, null, -1)
+      ])])) : c("", !0),
+      e.image && (e.imagePosition === "top" || e.imagePosition === "left") ? (l(), s("div", {
+        key: 1,
+        class: "br-card__image",
+        style: P(h.value)
+      }, [
+        w(d.$slots, "image", {}, () => [
+          n("img", {
+            src: e.image,
+            alt: ""
+          }, null, 8, da)
+        ], !0)
+      ], 4)) : c("", !0),
+      n("div", ua, [
+        e.title || e.subtitle || d.$slots.header ? (l(), s("div", ca, [
+          w(d.$slots, "header", {}, () => [
+            e.title ? (l(), s("h3", ba, g(e.title), 1)) : c("", !0),
+            e.subtitle ? (l(), s("p", fa, g(e.subtitle), 1)) : c("", !0)
+          ], !0)
+        ])) : c("", !0),
+        n("div", va, [
+          w(d.$slots, "default", {}, void 0, !0)
+        ]),
+        d.$slots.footer ? (l(), s("div", ha, [
+          w(d.$slots, "footer", {}, void 0, !0)
+        ])) : c("", !0)
+      ]),
+      e.image && (e.imagePosition === "bottom" || e.imagePosition === "right") ? (l(), s("div", {
+        key: 2,
+        class: "br-card__image",
+        style: P(h.value)
+      }, [
+        w(d.$slots, "image", {}, () => [
+          n("img", {
+            src: e.image,
+            alt: ""
+          }, null, 8, ma)
+        ], !0)
+      ], 4)) : c("", !0)
+    ], 42, na));
+  }
+}), ya = /* @__PURE__ */ M(_a, [["__scopeId", "data-v-f78d8f79"]]), ga = {
+  key: 0,
+  class: "br-form-field__label"
+}, pa = {
+  key: 0,
+  class: "br-form-field__required"
+}, ka = { class: "br-form-field__control" }, $a = {
+  key: 0,
+  class: "br-form-field__prefix"
+}, Ba = { class: "br-form-field__input" }, wa = {
+  key: 1,
+  class: "br-form-field__suffix"
+}, xa = {
+  key: 1,
+  class: "br-form-field__footer"
+}, Ca = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  class: "br-form-field__icon"
+}, Ma = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  class: "br-form-field__icon"
+}, za = {
+  key: 1,
+  class: "br-form-field__char-count"
+}, Da = {
+  key: 2,
+  class: "br-form-field__hint"
+}, Va = /* @__PURE__ */ C({
+  __name: "BrFormField",
+  props: {
+    label: {},
+    labelPosition: { default: "top" },
+    required: { type: Boolean, default: !1 },
+    helperText: {},
+    errorMessage: {},
+    successMessage: {},
+    error: { type: Boolean, default: !1 },
+    success: { type: Boolean, default: !1 },
+    charCount: {},
+    hint: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = me(), o = y(() => [
+      "br-form-field",
+      `br-form-field--label-${t.labelPosition}`,
+      {
+        "br-form-field--error": t.error,
+        "br-form-field--success": t.success,
+        "br-form-field--disabled": t.disabled,
+        "br-form-field--has-prefix": !!a.prefix,
+        "br-form-field--has-suffix": !!a.suffix
+      }
+    ]), r = y(() => t.error && t.errorMessage ? "error" : t.success && t.successMessage ? "success" : t.helperText ? "helper" : null), h = y(() => t.error && t.errorMessage ? t.errorMessage : t.success && t.successMessage ? t.successMessage : t.helperText);
+    return (i, d) => (l(), s("div", {
+      class: $(o.value)
+    }, [
+      e.label ? (l(), s("label", ga, [
+        H(g(e.label) + " ", 1),
+        e.required ? (l(), s("span", pa, "*")) : c("", !0)
+      ])) : c("", !0),
+      n("div", ka, [
+        i.$slots.prefix ? (l(), s("span", $a, [
+          w(i.$slots, "prefix", {}, void 0, !0)
+        ])) : c("", !0),
+        n("div", Ba, [
+          w(i.$slots, "default", {}, void 0, !0)
+        ]),
+        i.$slots.suffix ? (l(), s("span", wa, [
+          w(i.$slots, "suffix", {}, void 0, !0)
+        ])) : c("", !0)
+      ]),
+      h.value || e.charCount || e.hint ? (l(), s("div", xa, [
+        h.value ? (l(), s("span", {
+          key: 0,
+          class: $(["br-form-field__message", `br-form-field__message--${r.value}`])
+        }, [
+          r.value === "error" ? (l(), s("svg", Ca, [...d[0] || (d[0] = [
+            n("path", {
+              d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z",
+              fill: "currentColor"
+            }, null, -1)
+          ])])) : r.value === "success" ? (l(), s("svg", Ma, [...d[1] || (d[1] = [
+            n("path", {
+              d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z",
+              fill: "currentColor"
+            }, null, -1)
+          ])])) : c("", !0),
+          H(" " + g(h.value), 1)
+        ], 2)) : c("", !0),
+        e.charCount ? (l(), s("span", za, g(e.charCount.current) + "/" + g(e.charCount.max), 1)) : c("", !0)
+      ])) : c("", !0),
+      e.hint ? (l(), s("span", Da, g(e.hint), 1)) : c("", !0)
+    ], 2));
+  }
+}), La = /* @__PURE__ */ M(Va, [["__scopeId", "data-v-0892cb96"]]), Ia = ["role", "tabindex", "onClick", "onKeydown"], Sa = { class: "br-stepper__indicator" }, Ta = { class: "br-stepper__icon" }, Fa = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, Pa = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, Ea = {
+  key: 0,
+  class: "br-stepper__connector"
+}, Oa = { class: "br-stepper__content" }, Ra = { class: "br-stepper__title" }, Ha = {
+  key: 0,
+  class: "br-stepper__optional"
+}, Na = {
+  key: 0,
+  class: "br-stepper__description"
+}, Aa = /* @__PURE__ */ C({
+  __name: "BrStepper",
+  props: /* @__PURE__ */ S({
+    steps: {},
+    orientation: { default: "horizontal" },
+    variant: { default: "default" },
+    clickable: { type: Boolean, default: !1 },
+    showNumbers: { type: Boolean, default: !0 },
+    linear: { type: Boolean, default: !0 },
+    alternativeLabel: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["step-click"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const a = e, o = E(e, "modelValue"), r = t, h = y(() => [
+      "br-stepper",
+      `br-stepper--${a.orientation}`,
+      `br-stepper--${a.variant}`,
+      {
+        "br-stepper--clickable": a.clickable,
+        "br-stepper--alternative-label": a.alternativeLabel
+      }
+    ]);
+    function i(u) {
+      return u < o.value ? "completed" : u === o.value ? "active" : "pending";
+    }
+    function d(u) {
+      return !(!a.clickable || a.linear && u > o.value);
+    }
+    function b(u) {
+      d(u) && (a.steps[u].error || (o.value = u, r("step-click", u)));
+    }
+    return (u, _) => (l(), s("div", {
+      class: $(h.value)
+    }, [
+      (l(!0), s(L, null, F(e.steps, (f, m) => (l(), s("div", {
+        key: m,
+        class: $(["br-stepper__step", {
+          "br-stepper__step--completed": i(m) === "completed",
+          "br-stepper__step--active": i(m) === "active",
+          "br-stepper__step--pending": i(m) === "pending",
+          "br-stepper__step--error": f.error,
+          "br-stepper__step--clickable": d(m)
+        }]),
+        role: e.clickable ? "button" : void 0,
+        tabindex: d(m) ? 0 : void 0,
+        onClick: (B) => b(m),
+        onKeydown: re((B) => b(m), ["enter"])
+      }, [
+        n("div", Sa, [
+          n("span", Ta, [
+            i(m) === "completed" && !f.error ? (l(), s("svg", Fa, [..._[0] || (_[0] = [
+              n("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" }, null, -1)
+            ])])) : f.error ? (l(), s("svg", Pa, [..._[1] || (_[1] = [
+              n("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, null, -1)
+            ])])) : e.showNumbers ? (l(), s(L, { key: 2 }, [
+              H(g(m + 1), 1)
+            ], 64)) : c("", !0)
+          ]),
+          m < e.steps.length - 1 ? (l(), s("div", Ea)) : c("", !0)
+        ]),
+        n("div", Oa, [
+          n("span", Ra, [
+            H(g(f.title) + " ", 1),
+            f.optional ? (l(), s("span", Ha, "(Opcional)")) : c("", !0)
+          ]),
+          f.description || f.errorMessage ? (l(), s("span", Na, g(f.error ? f.errorMessage : f.description), 1)) : c("", !0)
+        ])
+      ], 42, Ia))), 128))
+    ], 2));
+  }
+}), Ya = /* @__PURE__ */ M(Aa, [["__scopeId", "data-v-f0034788"]]), Wa = { class: "br-calendar__header" }, ja = ["disabled"], Ua = ["disabled"], Ka = ["disabled"], qa = {
+  key: 0,
+  class: "br-calendar__days"
+}, Ga = { class: "br-calendar__weekdays" }, Xa = {
+  key: 0,
+  class: "br-calendar__weekday"
+}, Qa = { class: "br-calendar__grid" }, Ja = {
+  key: 0,
+  class: "br-calendar__week-number"
+}, Za = ["disabled", "title", "onClick"], el = {
+  key: 1,
+  class: "br-calendar__months"
+}, tl = ["disabled", "onClick"], al = {
+  key: 2,
+  class: "br-calendar__years"
+}, ll = ["disabled", "onClick"], sl = { class: "br-calendar__footer" }, ol = ["disabled"], rl = /* @__PURE__ */ C({
+  __name: "BrCalendar",
+  props: /* @__PURE__ */ S({
+    minDate: {},
+    maxDate: {},
+    disabledDates: {},
+    view: { default: "day" },
+    firstDayOfWeek: { default: 0 },
+    showWeekNumbers: { type: Boolean, default: !1 },
+    multiple: { type: Boolean, default: !1 },
+    range: { type: Boolean, default: !1 },
+    locale: { default: "pt-BR" },
+    readonly: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    highlightedDates: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = e, a = E(e, "modelValue"), o = z(t.view), r = z(/* @__PURE__ */ new Date()), h = y(() => {
+      const p = [], v = new Date(2024, 0, t.firstDayOfWeek);
+      for (let k = 0; k < 7; k++) {
+        const T = new Date(v);
+        T.setDate(v.getDate() + k), p.push(T.toLocaleDateString(t.locale, { weekday: "short" }));
+      }
+      return p;
+    }), i = y(() => r.value.toLocaleDateString(t.locale, { month: "long", year: "numeric" })), d = y(() => {
+      const p = r.value.getFullYear(), v = r.value.getMonth(), k = new Date(p, v, 1), T = new Date(p, v + 1, 0), W = [], q = (k.getDay() - t.firstDayOfWeek + 7) % 7;
+      for (let N = q - 1; N >= 0; N--) {
+        const j = new Date(p, v, -N);
+        W.push({ date: j, isCurrentMonth: !1, isToday: !1 });
+      }
+      const G = /* @__PURE__ */ new Date();
+      for (let N = 1; N <= T.getDate(); N++) {
+        const j = new Date(p, v, N), be = j.getDate() === G.getDate() && j.getMonth() === G.getMonth() && j.getFullYear() === G.getFullYear();
+        W.push({ date: j, isCurrentMonth: !0, isToday: be });
+      }
+      const ce = 42 - W.length;
+      for (let N = 1; N <= ce; N++) {
+        const j = new Date(p, v + 1, N);
+        W.push({ date: j, isCurrentMonth: !1, isToday: !1 });
+      }
+      return W;
+    }), b = y(() => {
+      const p = [];
+      for (let v = 0; v < 12; v++) {
+        const k = new Date(r.value.getFullYear(), v, 1);
+        p.push({
+          index: v,
+          name: k.toLocaleDateString(t.locale, { month: "short" })
+        });
+      }
+      return p;
+    }), u = y(() => {
+      const p = r.value.getFullYear(), v = Math.floor(p / 10) * 10, k = [];
+      for (let T = v - 1; T <= v + 10; T++)
+        k.push(T);
+      return k;
+    });
+    function _(p) {
+      if (t.disabled) return !0;
+      if (t.minDate) {
+        const v = new Date(t.minDate);
+        if (v.setHours(0, 0, 0, 0), p < v) return !0;
+      }
+      if (t.maxDate) {
+        const v = new Date(t.maxDate);
+        if (v.setHours(23, 59, 59, 999), p > v) return !0;
+      }
+      return t.disabledDates ? t.disabledDates.some((v) => {
+        const k = new Date(v);
+        return p.getDate() === k.getDate() && p.getMonth() === k.getMonth() && p.getFullYear() === k.getFullYear();
+      }) : !1;
+    }
+    function f(p) {
+      if (!a.value) return !1;
+      if (t.range && typeof a.value == "object" && "start" in a.value) {
+        const v = a.value;
+        return !!(v.start && B(p, v.start) || v.end && B(p, v.end));
+      }
+      return t.multiple && Array.isArray(a.value) ? a.value.some((v) => B(p, v)) : a.value instanceof Date ? B(p, a.value) : !1;
+    }
+    function m(p) {
+      if (!t.range || !a.value || typeof a.value != "object" || !("start" in a.value))
+        return !1;
+      const v = a.value;
+      return !v.start || !v.end ? !1 : p > v.start && p < v.end;
+    }
+    function B(p, v) {
+      return p.getDate() === v.getDate() && p.getMonth() === v.getMonth() && p.getFullYear() === v.getFullYear();
+    }
+    function D(p) {
+      return t.highlightedDates ? t.highlightedDates.find((v) => B(p, new Date(v.date))) : null;
+    }
+    function V(p) {
+      if (!(t.readonly || t.disabled || _(p)))
+        if (t.range) {
+          const v = a.value || { start: null, end: null };
+          !v.start || v.end ? a.value = { start: p, end: null } : p < v.start ? a.value = { start: p, end: v.start } : a.value = { start: v.start, end: p };
+        } else if (t.multiple) {
+          const v = a.value || [], k = v.findIndex((T) => B(T, p));
+          if (k > -1) {
+            const T = [...v];
+            T.splice(k, 1), a.value = T;
+          } else
+            a.value = [...v, p];
+        } else
+          a.value = p;
+    }
+    function x(p) {
+      r.value = new Date(r.value.getFullYear(), p, 1), o.value = "day";
+    }
+    function O(p) {
+      r.value = new Date(p, r.value.getMonth(), 1), o.value = "month";
+    }
+    function I(p) {
+      const v = new Date(r.value);
+      o.value === "day" ? v.setMonth(v.getMonth() + p) : o.value === "month" ? v.setFullYear(v.getFullYear() + p) : v.setFullYear(v.getFullYear() + p * 10), r.value = v;
+    }
+    function R() {
+      r.value = /* @__PURE__ */ new Date(), o.value = "day";
+    }
+    const K = y(() => [
+      "br-calendar",
+      {
+        "br-calendar--disabled": t.disabled,
+        "br-calendar--readonly": t.readonly
+      }
+    ]);
+    return (p, v) => (l(), s("div", {
+      class: $(K.value)
+    }, [
+      n("div", Wa, [
+        n("button", {
+          type: "button",
+          class: "br-calendar__nav",
+          disabled: e.disabled,
+          onClick: v[0] || (v[0] = (k) => I(-1))
+        }, [...v[3] || (v[3] = [
+          n("svg", {
+            viewBox: "0 0 24 24",
+            fill: "currentColor"
+          }, [
+            n("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" })
+          ], -1)
+        ])], 8, ja),
+        n("button", {
+          type: "button",
+          class: "br-calendar__title",
+          disabled: e.disabled,
+          onClick: v[1] || (v[1] = (k) => o.value = o.value === "day" ? "month" : "year")
+        }, g(i.value), 9, Ua),
+        n("button", {
+          type: "button",
+          class: "br-calendar__nav",
+          disabled: e.disabled,
+          onClick: v[2] || (v[2] = (k) => I(1))
+        }, [...v[4] || (v[4] = [
+          n("svg", {
+            viewBox: "0 0 24 24",
+            fill: "currentColor"
+          }, [
+            n("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" })
+          ], -1)
+        ])], 8, Ka)
+      ]),
+      o.value === "day" ? (l(), s("div", qa, [
+        n("div", Ga, [
+          e.showWeekNumbers ? (l(), s("span", Xa, "#")) : c("", !0),
+          (l(!0), s(L, null, F(h.value, (k) => (l(), s("span", {
+            key: k,
+            class: "br-calendar__weekday"
+          }, g(k), 1))), 128))
+        ]),
+        n("div", Qa, [
+          (l(!0), s(L, null, F(d.value, (k, T) => {
+            var W, q;
+            return l(), s(L, { key: T }, [
+              e.showWeekNumbers && T % 7 === 0 ? (l(), s("span", Ja, g(Math.ceil((T + 1) / 7)), 1)) : c("", !0),
+              n("button", {
+                type: "button",
+                class: $(["br-calendar__day", {
+                  "br-calendar__day--other-month": !k.isCurrentMonth,
+                  "br-calendar__day--today": k.isToday,
+                  "br-calendar__day--selected": f(k.date),
+                  "br-calendar__day--in-range": m(k.date),
+                  "br-calendar__day--disabled": _(k.date),
+                  "br-calendar__day--highlighted": D(k.date)
+                }]),
+                style: P(D(k.date) ? { "--highlight-color": (W = D(k.date)) == null ? void 0 : W.color } : {}),
+                disabled: _(k.date),
+                title: (q = D(k.date)) == null ? void 0 : q.label,
+                onClick: (G) => V(k.date)
+              }, g(k.date.getDate()), 15, Za)
+            ], 64);
+          }), 128))
+        ])
+      ])) : o.value === "month" ? (l(), s("div", el, [
+        (l(!0), s(L, null, F(b.value, (k) => (l(), s("button", {
+          key: k.index,
+          type: "button",
+          class: $(["br-calendar__month", {
+            "br-calendar__month--current": k.index === (/* @__PURE__ */ new Date()).getMonth() && r.value.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear()
+          }]),
+          disabled: e.disabled,
+          onClick: (T) => x(k.index)
+        }, g(k.name), 11, tl))), 128))
+      ])) : (l(), s("div", al, [
+        (l(!0), s(L, null, F(u.value, (k) => (l(), s("button", {
+          key: k,
+          type: "button",
+          class: $(["br-calendar__year", {
+            "br-calendar__year--current": k === (/* @__PURE__ */ new Date()).getFullYear()
+          }]),
+          disabled: e.disabled,
+          onClick: (T) => O(k)
+        }, g(k), 11, ll))), 128))
+      ])),
+      n("div", sl, [
+        n("button", {
+          type: "button",
+          class: "br-calendar__today",
+          disabled: e.disabled,
+          onClick: R
+        }, " Hoje ", 8, ol)
+      ])
+    ], 2));
+  }
+}), nl = /* @__PURE__ */ M(rl, [["__scopeId", "data-v-7956906a"]]), il = {
+  class: "br-tabs__list",
+  role: "tablist"
+}, dl = ["aria-selected", "disabled", "onClick"], ul = {
+  key: 0,
+  class: "br-tabs__tab-icon"
+}, cl = { class: "br-tabs__tab-label" }, bl = {
+  key: 1,
+  class: "br-tabs__tab-badge"
+}, fl = ["onClick"], vl = { class: "br-tabs__panels" }, hl = /* @__PURE__ */ C({
+  __name: "BrTabs",
+  props: /* @__PURE__ */ S({
+    items: {},
+    variant: { default: "default" },
+    size: { default: "md" },
+    fullWidth: { type: Boolean, default: !1 },
+    centered: { type: Boolean, default: !1 },
+    vertical: { type: Boolean, default: !1 },
+    grow: { type: Boolean, default: !1 },
+    closable: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ S(["tab-close"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const a = e, o = E(e, "modelValue"), r = t, h = y(() => [
+      "br-tabs",
+      `br-tabs--${a.variant}`,
+      `br-tabs--${a.size}`,
+      {
+        "br-tabs--full-width": a.fullWidth,
+        "br-tabs--centered": a.centered,
+        "br-tabs--vertical": a.vertical,
+        "br-tabs--grow": a.grow
+      }
+    ]);
+    function i(b) {
+      o.value = b;
+    }
+    function d(b, u) {
+      u.stopPropagation(), r("tab-close", b);
+    }
+    return ae(
+      "tabs",
+      oe({
+        activeTab: o,
+        selectTab: i,
+        lazy: y(() => a.lazy)
+      })
+    ), (b, u) => (l(), s("div", {
+      class: $(h.value)
+    }, [
+      n("div", il, [
+        e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (_) => (l(), s("button", {
+          key: _.id,
+          type: "button",
+          role: "tab",
+          class: $(["br-tabs__tab", {
+            "br-tabs__tab--active": o.value === _.id,
+            "br-tabs__tab--disabled": _.disabled
+          }]),
+          "aria-selected": o.value === _.id,
+          disabled: _.disabled,
+          onClick: (f) => i(_.id)
+        }, [
+          _.icon ? (l(), s("span", ul, g(_.icon), 1)) : c("", !0),
+          n("span", cl, g(_.label), 1),
+          _.badge !== void 0 ? (l(), s("span", bl, g(_.badge), 1)) : c("", !0),
+          e.closable || _.closable ? (l(), s("button", {
+            key: 2,
+            type: "button",
+            class: "br-tabs__tab-close",
+            onClick: (f) => d(_.id, f)
+          }, [...u[0] || (u[0] = [
+            n("svg", {
+              viewBox: "0 0 24 24",
+              fill: "currentColor"
+            }, [
+              n("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+            ], -1)
+          ])], 8, fl)) : c("", !0)
+        ], 10, dl))), 128)) : w(b.$slots, "tabs", { key: 1 }, void 0, !0)
+      ]),
+      n("div", vl, [
+        e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (_) => Z((l(), s("div", {
+          key: _.id,
+          role: "tabpanel",
+          class: "br-tabs__panel"
+        }, [
+          w(b.$slots, `panel-${_.id}`, { item: _ }, () => [
+            H(g(_.content), 1)
+          ], !0)
+        ])), [
+          [ne, o.value === _.id]
+        ])), 128)) : w(b.$slots, "default", { key: 1 }, void 0, !0)
+      ])
+    ], 2));
+  }
+}), ml = /* @__PURE__ */ M(hl, [["__scopeId", "data-v-21d654c4"]]), _l = ["aria-selected", "disabled"], yl = {
+  key: 0,
+  class: "br-tabs__tab-icon"
+}, gl = { class: "br-tabs__tab-label" }, pl = {
+  key: 1,
+  class: "br-tabs__tab-badge"
+}, kl = /* @__PURE__ */ C({
+  __name: "BrTab",
+  props: {
+    id: {},
+    label: {},
+    icon: {},
+    disabled: { type: Boolean, default: !1 },
+    badge: {},
+    closable: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const a = e, o = t, r = te("tabs"), h = y(() => (r == null ? void 0 : r.activeTab.value) === a.id), i = y(() => [
+      "br-tabs__tab",
+      {
+        "br-tabs__tab--active": h.value,
+        "br-tabs__tab--disabled": a.disabled
+      }
+    ]);
+    function d() {
+      a.disabled || r == null || r.selectTab(a.id);
+    }
+    function b(u) {
+      u.stopPropagation(), o("close");
+    }
+    return (u, _) => (l(), s("button", {
+      type: "button",
+      role: "tab",
+      class: $(i.value),
+      "aria-selected": h.value,
+      disabled: e.disabled,
+      onClick: d
+    }, [
+      e.icon ? (l(), s("span", yl, [
+        w(u.$slots, "icon", {}, () => [
+          H(g(e.icon), 1)
+        ])
+      ])) : c("", !0),
+      n("span", gl, [
+        w(u.$slots, "default", {}, () => [
+          H(g(e.label), 1)
+        ])
+      ]),
+      e.badge !== void 0 ? (l(), s("span", pl, g(e.badge), 1)) : c("", !0),
+      e.closable ? (l(), s("button", {
+        key: 2,
+        type: "button",
+        class: "br-tabs__tab-close",
+        onClick: b
+      }, [..._[0] || (_[0] = [
+        n("svg", {
+          viewBox: "0 0 24 24",
+          fill: "currentColor"
+        }, [
+          n("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" })
+        ], -1)
+      ])])) : c("", !0)
+    ], 10, _l));
+  }
+}), $l = {
+  key: 0,
+  role: "tabpanel",
+  class: "br-tabs__panel"
+}, Bl = /* @__PURE__ */ C({
+  __name: "BrTabPanel",
+  props: {
+    tabId: {},
+    lazy: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e, a = te("tabs"), o = z(!1), r = y(() => (a == null ? void 0 : a.activeTab.value) === t.tabId), h = y(() => t.lazy ?? (a == null ? void 0 : a.lazy.value) ?? !0 ? r.value || o.value : !0);
+    return ee(r, (i) => {
+      i && (o.value = !0);
+    }), (i, d) => h.value ? Z((l(), s("div", $l, [
+      w(i.$slots, "default")
+    ], 512)), [
+      [ne, r.value]
+    ]) : c("", !0);
+  }
+}), wl = { class: "br-navbar__container" }, xl = { class: "br-navbar__brand" }, Cl = ["src"], Ml = {
+  key: 1,
+  class: "br-navbar__brand-text"
+}, zl = { class: "br-navbar__nav" }, Dl = {
+  key: 0,
+  class: "br-navbar__dropdown"
+}, Vl = ["disabled"], Ll = {
+  key: 0,
+  class: "br-navbar__item-icon"
+}, Il = { class: "br-navbar__dropdown-menu" }, Sl = {
+  key: 0,
+  class: "br-navbar__item-icon"
+}, Tl = {
+  key: 0,
+  class: "br-navbar__item-icon"
+}, Fl = {
+  key: 1,
+  class: "br-navbar__item-badge"
+}, Pl = { class: "br-navbar__actions" }, El = ["aria-expanded"], Ol = {
+  key: 0,
+  class: "br-navbar__mobile-menu"
+}, Rl = {
+  key: 0,
+  class: "br-navbar__item-icon"
+}, Hl = /* @__PURE__ */ C({
+  __name: "BrNavbar",
+  props: {
+    items: {},
+    brand: {},
+    logo: {},
+    variant: { default: "default" },
+    position: { default: "static" },
+    showMobileToggle: { type: Boolean, default: !0 },
+    elevated: { type: Boolean, default: !0 },
+    dense: { type: Boolean, default: !1 },
+    color: {}
+  },
+  setup(e) {
+    const t = e, a = z(!1), o = y(() => [
+      "br-navbar",
+      `br-navbar--${t.variant}`,
+      `br-navbar--${t.position}`,
+      {
+        "br-navbar--elevated": t.elevated,
+        "br-navbar--dense": t.dense,
+        "br-navbar--mobile-open": a.value
+      }
+    ]), r = y(() => t.color && t.variant === "colored" ? { "--navbar-color": t.color } : {});
+    function h() {
+      a.value = !a.value;
+    }
+    function i() {
+      a.value = !1;
+    }
+    return (d, b) => (l(), s("nav", {
+      class: $(o.value),
+      style: P(r.value)
+    }, [
+      n("div", wl, [
+        n("div", xl, [
+          w(d.$slots, "brand", {}, () => [
+            e.logo ? (l(), s("img", {
+              key: 0,
+              src: e.logo,
+              alt: "",
+              class: "br-navbar__logo"
+            }, null, 8, Cl)) : c("", !0),
+            e.brand ? (l(), s("span", Ml, g(e.brand), 1)) : c("", !0)
+          ], !0)
+        ]),
+        n("div", zl, [
+          w(d.$slots, "nav", {}, () => [
+            e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (u) => (l(), s(L, {
+              key: u.id
+            }, [
+              u.children && u.children.length ? (l(), s("div", Dl, [
+                n("button", {
+                  type: "button",
+                  class: "br-navbar__item br-navbar__dropdown-trigger",
+                  disabled: u.disabled
+                }, [
+                  u.icon ? (l(), s("span", Ll, g(u.icon), 1)) : c("", !0),
+                  n("span", null, g(u.label), 1),
+                  b[0] || (b[0] = n("svg", {
+                    class: "br-navbar__dropdown-arrow",
+                    viewBox: "0 0 24 24",
+                    fill: "currentColor"
+                  }, [
+                    n("path", { d: "M7 10l5 5 5-5z" })
+                  ], -1))
+                ], 8, Vl),
+                n("div", Il, [
+                  (l(!0), s(L, null, F(u.children, (_) => (l(), Y(U(_.to ? "router-link" : _.href ? "a" : "button"), {
+                    key: _.id,
+                    class: "br-navbar__dropdown-item",
+                    to: _.to,
+                    href: _.href,
+                    disabled: _.disabled,
+                    onClick: _.onClick
+                  }, {
+                    default: A(() => [
+                      _.icon ? (l(), s("span", Sl, g(_.icon), 1)) : c("", !0),
+                      n("span", null, g(_.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "href", "disabled", "onClick"]))), 128))
+                ])
+              ])) : (l(), Y(U(u.to ? "router-link" : u.href ? "a" : "button"), {
+                key: 1,
+                class: "br-navbar__item",
+                to: u.to,
+                href: u.href,
+                disabled: u.disabled,
+                onClick: u.onClick
+              }, {
+                default: A(() => [
+                  u.icon ? (l(), s("span", Tl, g(u.icon), 1)) : c("", !0),
+                  n("span", null, g(u.label), 1),
+                  u.badge ? (l(), s("span", Fl, g(u.badge), 1)) : c("", !0)
+                ]),
+                _: 2
+              }, 1032, ["to", "href", "disabled", "onClick"]))
+            ], 64))), 128)) : c("", !0)
+          ], !0)
+        ]),
+        n("div", Pl, [
+          w(d.$slots, "actions", {}, void 0, !0)
+        ]),
+        e.showMobileToggle ? (l(), s("button", {
+          key: 0,
+          type: "button",
+          class: "br-navbar__mobile-toggle",
+          "aria-expanded": a.value,
+          onClick: h
+        }, [...b[1] || (b[1] = [
+          n("span", { class: "br-navbar__mobile-toggle-bar" }, null, -1),
+          n("span", { class: "br-navbar__mobile-toggle-bar" }, null, -1),
+          n("span", { class: "br-navbar__mobile-toggle-bar" }, null, -1)
+        ])], 8, El)) : c("", !0)
+      ]),
+      e.showMobileToggle ? (l(), s("div", Ol, [
+        w(d.$slots, "mobile-nav", {}, () => [
+          e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (u) => (l(), Y(U(u.to ? "router-link" : u.href ? "a" : "button"), {
+            key: u.id,
+            class: "br-navbar__mobile-item",
+            to: u.to,
+            href: u.href,
+            disabled: u.disabled,
+            onClick: (_) => {
+              var f;
+              i(), (f = u.onClick) == null || f.call(u);
+            }
+          }, {
+            default: A(() => [
+              u.icon ? (l(), s("span", Rl, g(u.icon), 1)) : c("", !0),
+              n("span", null, g(u.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to", "href", "disabled", "onClick"]))), 128)) : c("", !0)
+        ], !0),
+        w(d.$slots, "mobile-actions", {}, void 0, !0)
+      ])) : c("", !0)
+    ], 6));
+  }
+}), Nl = /* @__PURE__ */ M(Hl, [["__scopeId", "data-v-d4c51b2f"]]), Al = {
+  key: 0,
+  class: "br-sidebar__brand"
+}, Yl = ["src"], Wl = {
+  key: 1,
+  class: "br-sidebar__brand-text"
+}, jl = { class: "br-sidebar__nav" }, Ul = {
+  key: 0,
+  class: "br-sidebar__divider"
+}, Kl = { key: 0 }, ql = {
+  key: 1,
+  class: "br-sidebar__group"
+}, Gl = ["disabled", "onClick"], Xl = {
+  key: 0,
+  class: "br-sidebar__item-icon"
+}, Ql = {
+  key: 1,
+  class: "br-sidebar__item-label"
+}, Jl = {
+  key: 2,
+  class: "br-sidebar__group-arrow",
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, Zl = {
+  key: 0,
+  class: "br-sidebar__item-icon"
+}, es = { class: "br-sidebar__item-label" }, ts = {
+  key: 0,
+  class: "br-sidebar__item-icon"
+}, as = {
+  key: 1,
+  class: "br-sidebar__item-label"
+}, ls = { class: "br-sidebar__footer" }, ss = {
+  viewBox: "0 0 24 24",
+  fill: "currentColor"
+}, os = {
+  key: 0,
+  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+}, rs = {
+  key: 1,
+  d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+}, ns = /* @__PURE__ */ C({
+  __name: "BrSidebar",
+  props: /* @__PURE__ */ S({
+    items: {},
+    variant: { default: "default" },
+    collapsed: { type: Boolean, default: !1 },
+    showToggle: { type: Boolean, default: !0 },
+    elevated: { type: Boolean, default: !0 },
+    fixed: { type: Boolean, default: !1 },
+    width: { default: 260 },
+    collapsedWidth: { default: 64 },
+    showBrand: { type: Boolean, default: !0 },
+    brand: {},
+    logo: {}
+  }, {
+    collapsed: { type: Boolean, default: !1 },
+    collapsedModifiers: {}
+  }),
+  emits: ["update:collapsed"],
+  setup(e) {
+    const t = e, a = E(e, "collapsed"), o = z(/* @__PURE__ */ new Set()), r = y(() => [
+      "br-sidebar",
+      `br-sidebar--${t.variant}`,
+      {
+        "br-sidebar--collapsed": a.value,
+        "br-sidebar--elevated": t.elevated,
+        "br-sidebar--fixed": t.fixed
+      }
+    ]), h = y(() => ({
+      width: typeof (a.value ? t.collapsedWidth : t.width) == "number" ? `${a.value ? t.collapsedWidth : t.width}px` : a.value ? t.collapsedWidth : t.width
+    }));
+    function i() {
+      a.value = !a.value;
+    }
+    function d(u) {
+      o.value.has(u) ? o.value.delete(u) : o.value.add(u), o.value = new Set(o.value);
+    }
+    function b(u) {
+      return o.value.has(u);
+    }
+    return ae("sidebar", {
+      isCollapsed: a,
+      toggleExpanded: d,
+      isExpanded: b
+    }), (u, _) => (l(), s("aside", {
+      class: $(r.value),
+      style: P(h.value)
+    }, [
+      e.showBrand ? (l(), s("div", Al, [
+        w(u.$slots, "brand", {}, () => [
+          e.logo ? (l(), s("img", {
+            key: 0,
+            src: e.logo,
+            alt: "",
+            class: "br-sidebar__logo"
+          }, null, 8, Yl)) : c("", !0),
+          e.brand && !a.value ? (l(), s("span", Wl, g(e.brand), 1)) : c("", !0)
+        ], !0)
+      ])) : c("", !0),
+      n("nav", jl, [
+        w(u.$slots, "nav", {}, () => [
+          e.items && e.items.length ? (l(!0), s(L, { key: 0 }, F(e.items, (f) => (l(), s(L, {
+            key: f.id
+          }, [
+            f.divider ? (l(), s("div", Ul, [
+              a.value ? c("", !0) : (l(), s("span", Kl, g(f.label), 1))
+            ])) : f.children && f.children.length ? (l(), s("div", ql, [
+              n("button", {
+                type: "button",
+                class: $(["br-sidebar__item br-sidebar__group-trigger", { "br-sidebar__item--expanded": b(f.id) }]),
+                disabled: f.disabled,
+                onClick: (m) => d(f.id)
+              }, [
+                f.icon ? (l(), s("span", Xl, g(f.icon), 1)) : c("", !0),
+                a.value ? c("", !0) : (l(), s("span", Ql, g(f.label), 1)),
+                a.value ? c("", !0) : (l(), s("svg", Jl, [..._[0] || (_[0] = [
+                  n("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z" }, null, -1)
+                ])]))
+              ], 10, Gl),
+              a.value ? c("", !0) : (l(), s("div", {
+                key: 0,
+                class: $(["br-sidebar__group-items", { "br-sidebar__group-items--expanded": b(f.id) }])
+              }, [
+                (l(!0), s(L, null, F(f.children, (m) => (l(), Y(U(m.to ? "router-link" : m.href ? "a" : "button"), {
+                  key: m.id,
+                  class: "br-sidebar__item br-sidebar__item--nested",
+                  to: m.to,
+                  href: m.href,
+                  disabled: m.disabled,
+                  onClick: m.onClick
+                }, {
+                  default: A(() => [
+                    m.icon ? (l(), s("span", Zl, g(m.icon), 1)) : c("", !0),
+                    n("span", es, g(m.label), 1),
+                    m.badge ? (l(), s("span", {
+                      key: 1,
+                      class: $(["br-sidebar__item-badge", `br-sidebar__item-badge--${m.badgeVariant || "primary"}`])
+                    }, g(m.badge), 3)) : c("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "href", "disabled", "onClick"]))), 128))
+              ], 2))
+            ])) : (l(), Y(U(f.to ? "router-link" : f.href ? "a" : "button"), {
+              key: 2,
+              class: "br-sidebar__item",
+              to: f.to,
+              href: f.href,
+              disabled: f.disabled,
+              title: a.value ? f.label : void 0,
+              onClick: f.onClick
+            }, {
+              default: A(() => [
+                f.icon ? (l(), s("span", ts, g(f.icon), 1)) : c("", !0),
+                a.value ? c("", !0) : (l(), s("span", as, g(f.label), 1)),
+                f.badge && !a.value ? (l(), s("span", {
+                  key: 2,
+                  class: $(["br-sidebar__item-badge", `br-sidebar__item-badge--${f.badgeVariant || "primary"}`])
+                }, g(f.badge), 3)) : c("", !0)
+              ]),
+              _: 2
+            }, 1032, ["to", "href", "disabled", "title", "onClick"]))
+          ], 64))), 128)) : c("", !0)
+        ], !0)
+      ]),
+      n("div", ls, [
+        w(u.$slots, "footer", {}, void 0, !0),
+        e.showToggle ? (l(), s("button", {
+          key: 0,
+          type: "button",
+          class: "br-sidebar__toggle",
+          onClick: i
+        }, [
+          (l(), s("svg", ss, [
+            a.value ? (l(), s("path", os)) : (l(), s("path", rs))
+          ]))
+        ])) : c("", !0)
+      ])
+    ], 6));
+  }
+}), is = /* @__PURE__ */ M(ns, [["__scopeId", "data-v-7afa9a90"]]), ds = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BrAccordion: ra,
+  BrAccordionItem: ue,
+  BrAvatar: Ze,
+  BrBadge: Te,
+  BrButton: pe,
+  BrCalendar: nl,
+  BrCard: ya,
+  BrCheckbox: de,
+  BrCheckboxGroup: jt,
+  BrFormField: La,
+  BrImage: lt,
+  BrInput: Be,
+  BrModal: Jt,
+  BrNavbar: Nl,
+  BrProgressbar: Bt,
+  BrRadio: ie,
+  BrRadioGroup: _t,
+  BrRating: It,
+  BrSelect: Ie,
+  BrSidebar: is,
+  BrSpinner: Ne,
+  BrStepper: Ya,
+  BrSwitch: We,
+  BrTab: kl,
+  BrTabPanel: Bl,
+  BrTabs: ml,
+  BrTextarea: Ge,
+  BrTitle: Pe,
+  BrVideo: rt
+}, Symbol.toStringTag, { value: "Module" })), us = {
+  prefix: "Br",
+  theme: "light",
+  locale: "pt-BR"
+}, bs = {
+  install(e, t = {}) {
+    const a = { ...us, ...t };
+    Object.entries(ds).forEach(([o, r]) => {
+      const h = a.prefix ? `${a.prefix}${o.replace(/^Br/, "")}` : o;
+      e.component(h, r);
+    }), e.provide("braip-ui-options", a), e.provide("braip-ui-theme", a.theme), typeof document < "u" && document.documentElement.setAttribute("data-br-theme", a.theme || "light");
+  }
+}, fs = "0.1.0";
+export {
+  ra as BrAccordion,
+  ue as BrAccordionItem,
+  Ze as BrAvatar,
+  Te as BrBadge,
+  pe as BrButton,
+  nl as BrCalendar,
+  ya as BrCard,
+  de as BrCheckbox,
+  jt as BrCheckboxGroup,
+  La as BrFormField,
+  lt as BrImage,
+  Be as BrInput,
+  Jt as BrModal,
+  Nl as BrNavbar,
+  Bt as BrProgressbar,
+  ie as BrRadio,
+  _t as BrRadioGroup,
+  It as BrRating,
+  Ie as BrSelect,
+  is as BrSidebar,
+  Ne as BrSpinner,
+  Ya as BrStepper,
+  We as BrSwitch,
+  kl as BrTab,
+  Bl as BrTabPanel,
+  ml as BrTabs,
+  Ge as BrTextarea,
+  Pe as BrTitle,
+  rt as BrVideo,
+  bs as BraipUI,
+  bs as default,
+  fs as version
+};
+//# sourceMappingURL=braip-ui.js.map