energy-components 1.0.3 → 1.1.1

package/dist/components/tabBar.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as N, mergeModels as B, toRefs as W, useModel as K, ref as m, computed as h, onMounted as $, nextTick as D, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as S, createCommentVNode as g, createElementVNode as f, Fragment as q, renderList as H, unref as O, withKeys as V, withModifiers as A, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
-import { I as w } from "./icon-svg-7Vih8GMM.js";
+import { defineComponent as N, mergeModels as B, toRefs as W, useModel as K, ref as m, computed as h, onMounted as $, nextTick as D, onUnmounted as F, watch as L, openBlock as s, createElementBlock as d, normalizeClass as u, createVNode as S, createCommentVNode as g, createElementVNode as v, Fragment as q, renderList as H, unref as O, withKeys as V, withModifiers as A, createBlock as P, createTextVNode as U, toDisplayString as j, renderSlot as G } from "vue";
+import { I as w } from "./icon-svg-CEZ-L3iv.js";
 import { d as J } from "./functions-DIHwdgF0.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-top-bar__item-title" }, Z = {
-  class: "rds-top-bar__content",
+import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "onKeydown"], Y = { class: "rds-e-top-bar__item-title" }, Z = {
+  class: "rds-e-top-bar__content",
   role: "tabpanel"
 }, ee = /* @__PURE__ */ N({
   __name: "tab-bar",
@@ -49,8 +49,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
      */
     beforeTabChange: {
       type: Function,
-      default: (o, v) => {
-        if (o === v.id) return Promise.resolve(!0);
+      default: (o, f) => {
+        if (o === f.id) return Promise.resolve(!0);
       }
     }
   }, {
@@ -61,8 +61,8 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     activeTabModifiers: {}
   }),
   emits: /* @__PURE__ */ B(["activeTabChanged"], ["update:activeTab"]),
-  setup(o, { emit: v }) {
-    const i = o, M = v, {
+  setup(o, { emit: f }) {
+    const i = o, M = f, {
       options: n
     } = W(i), R = K(o, "activeTab"), a = m(""), b = m(null), l = m(null);
     let p = [];
@@ -101,38 +101,38 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
     }), L(a, (e) => {
       T(e), M("activeTabChanged", k(!1));
     }), L(R, (e) => c(e)), (e, t) => (s(), d("div", {
-      class: u(["rds-top-bar", {
-        "rds-top-bar--fluid": o.fluid,
-        "rds-top-bar--divider": o.divider
+      class: u(["rds-e-top-bar", {
+        "rds-e-top-bar--fluid": o.fluid,
+        "rds-e-top-bar--divider": o.divider
       }])
     }, [
       z.value ? (s(), d("div", {
         key: 0,
         class: u([
-          "rds-top-bar__button",
-          o.backgroundAlternative ? "rds-top-bar__button--left-bg2" : "rds-top-bar__button--left"
+          "rds-e-top-bar__button",
+          o.backgroundAlternative ? "rds-e-top-bar__button--left-bg2" : "rds-e-top-bar__button--left"
         ]),
         onClick: x
       }, [
         S(w, {
-          class: "rds-top-bar__icon",
+          class: "rds-e-top-bar__icon",
           name: "arrow_left"
         })
       ], 2)) : g("", !0),
-      f("div", {
+      v("div", {
         ref_key: "tabsListWrapper",
         ref: l,
-        class: "rds-top-bar__wrapper"
+        class: "rds-e-top-bar__wrapper"
       }, [
-        f("ul", {
+        v("ul", {
           ref_key: "tabsList",
           ref: b,
-          class: "rds-top-bar__list",
+          class: "rds-e-top-bar__list",
           role: "tablist"
         }, [
           (s(!0), d(q, null, H(O(n), (r, _) => (s(), d("li", {
             key: _,
-            class: u(["rds-top-bar__item", {
+            class: u(["rds-e-top-bar__item", {
               active: a.value === r.id
             }]),
             role: "tab",
@@ -144,10 +144,10 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
               V(A(I, ["prevent"]), ["right"])
             ]
           }, [
-            f("span", Y, [
+            v("span", Y, [
               r.icon ? (s(), P(w, {
                 key: 0,
-                class: "rds-top-bar__item-title--icon",
+                class: "rds-e-top-bar__item-title--icon",
                 name: r.icon
               }, null, 8, ["name"])) : g("", !0),
               U(" " + j(r.title), 1)
@@ -158,24 +158,24 @@ import './style/tabBar.css';const X = ["aria-selected", "tabindex", "onClick", "
       E.value ? (s(), d("div", {
         key: 1,
         class: u([
-          "rds-top-bar__button",
-          o.backgroundAlternative ? "rds-top-bar__button--right-bg2" : "rds-top-bar__button--right"
+          "rds-e-top-bar__button",
+          o.backgroundAlternative ? "rds-e-top-bar__button--right-bg2" : "rds-e-top-bar__button--right"
         ]),
         onClick: I
       }, [
         S(w, {
-          class: "rds-top-bar__icon",
+          class: "rds-e-top-bar__icon",
           name: "arrow_right"
         })
       ], 2)) : g("", !0),
-      f("div", Z, [
+      v("div", Z, [
         G(e.$slots, a.value, {
           tab: k(!0)
         }, void 0, !0)
       ])
     ], 2));
   }
-}), ie = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-1eaefe52"]]);
+}), ie = /* @__PURE__ */ Q(ee, [["__scopeId", "data-v-26223c41"]]);
 export {
   ie as default
 };

package/dist/components/tag.es.js

@@ -1,7 +1,7 @@
 import { defineComponent as h, toRefs as x, computed as u, openBlock as o, createElementBlock as $, normalizeClass as r, unref as t, createBlock as p, createCommentVNode as d, createTextVNode as B, toDisplayString as S } from "vue";
-import { I as f } from "./icon-svg-7Vih8GMM.js";
-import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/tag.css';const k = /* @__PURE__ */ h({
+import { I as f } from "./icon-svg-CEZ-L3iv.js";
+import { _ as k } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import './style/tag.css';const C = /* @__PURE__ */ h({
   __name: "tag",
   props: {
     /**
@@ -61,31 +61,31 @@ import './style/tag.css';const k = /* @__PURE__ */ h({
       inverse: g,
       small: v
     } = x(m), y = u(() => {
-      const a = "rds-tag", e = [];
+      const a = "rds-e-tag", e = [];
       return g.value && e.push(`${a}--inverse`), c.value && e.push(`${a}--actionable`), n.value && e.push(`${a}--icon`), v.value && e.push(`${a}--small`), e.push(`${a}--${l.value}`), e.join(" ");
     }), i = u(() => {
-      const a = "rds-tag_icon", e = [];
+      const a = "rds-e-tag_icon", e = [];
       return e.push(`${a}--${l.value}`), e.join(" ");
     });
     return (a, e) => (o(), $("div", {
-      class: r(["rds-tag rds-caption-tag", y.value])
+      class: r(["rds-e-tag rds-e-caption-tag", y.value])
     }, [
       t(n) ? (o(), p(f, {
         key: 0,
         name: t(n),
-        class: r(["rds-tag__icon", i.value]),
+        class: r(["rds-e-tag__icon", i.value]),
         "aria-hidden": "true"
       }, null, 8, ["name", "class"])) : d("", !0),
       B(" " + S(t(_)) + " ", 1),
       t(c) ? (o(), p(f, {
         key: 1,
         name: "arrow_right",
-        class: r(["rds-tag__icon-actionable", i.value]),
+        class: r(["rds-e-tag__icon-actionable", i.value]),
         "aria-hidden": "true"
       }, null, 8, ["class"])) : d("", !0)
     ], 2));
   }
-}), j = /* @__PURE__ */ b(k, [["__scopeId", "data-v-9781baa5"]]);
+}), j = /* @__PURE__ */ k(C, [["__scopeId", "data-v-e784d437"]]);
 export {
   j as default
 };

package/dist/components/textArea.es.js

@@ -1,10 +1,10 @@
 import { defineComponent as R, mergeModels as U, useModel as F, toRefs as G, computed as o, openBlock as l, createElementBlock as h, normalizeClass as g, createElementVNode as a, withDirectives as J, unref as t, vModelText as K, renderSlot as x, createBlock as C, mergeProps as M, toHandlers as q, createCommentVNode as s, createTextVNode as L, toDisplayString as i, pushScopeId as O, popScopeId as Q } from "vue";
-import { I as T } from "./icon-svg-7Vih8GMM.js";
+import { I as T } from "./icon-svg-CEZ-L3iv.js";
 import { _ as W } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/textArea.css';function y(e, f = !0, u = !0) {
   return f && !e.trim() ? (console.warn("Advertencia: El valor no puede estar vacío"), !1) : u && !/^[\w\-:]+$/.test(e) ? (console.warn("Advertencia: El valor contiene caracteres inválidos"), !1) : !0;
 }
-const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-textarea__container" }, Z = { class: "rds-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-textarea__resize-handle" }, [
+const X = (e) => (O("data-v-a9a6a677"), e = e(), Q(), e), Y = { class: "rds-e-textarea__container" }, Z = { class: "rds-e-textarea__input-container" }, ee = ["id", "name", "maxlength", "minlength", "rows", "disabled"], te = /* @__PURE__ */ X(() => /* @__PURE__ */ a("div", { class: "rds-e-textarea__resize-handle" }, [
   /* @__PURE__ */ a("svg", {
     width: "12",
     height: "14",
@@ -166,7 +166,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
       lengthError: D
     } = G(f), V = o(() => d.value.length === v.value), B = o(() => d.value.length === 0 ? !1 : d.value.length < m.value), E = o(() => D.value && (V.value || B.value)), P = o(() => {
       const r = [];
-      return d.value && r.push("rds-textarea--filled"), _.value && r.push("rds-textarea--error"), p.value && r.push("rds-textarea--disabled"), E.value && r.push("rds-textarea--error"), r.join(" ");
+      return d.value && r.push("rds-e-textarea--filled"), _.value && r.push("rds-e-textarea--error"), p.value && r.push("rds-e-textarea--disabled"), E.value && r.push("rds-e-textarea--error"), r.join(" ");
     }), n = o(() => {
       const r = {
         name: $.value,
@@ -182,7 +182,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
       return k.value && (c.right = {
         ...r,
         name: "close",
-        class: "rds-textfield__icon--clear",
+        class: "rds-e-textfield__icon--clear",
         events: {
           click: () => u.value = ""
         }
@@ -191,7 +191,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
     return (r, c) => {
       var I, N;
       return l(), h("div", {
-        class: g(["rds-textarea", P.value])
+        class: g(["rds-e-textarea", P.value])
       }, [
         a("div", Y, [
           a("div", Z, [
@@ -199,7 +199,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
               id: (I = t(w)) == null ? void 0 : I.toString(),
               "onUpdate:modelValue": c[0] || (c[0] = (H) => u.value = H),
               type: "text",
-              class: "rds-textarea__input",
+              class: "rds-e-textarea__input",
               name: e.name,
               maxlength: t(v),
               minlength: t(m),
@@ -211,28 +211,28 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
             te,
             a("label", {
               for: (N = t(w)) == null ? void 0 : N.toString(),
-              class: "rds-textarea__label"
+              class: "rds-e-textarea__label"
             }, [
               x(r.$slots, "left-icon", {}, () => [
                 n.value.left.name ? (l(), C(T, M({
                   key: 0,
-                  class: "rds-textarea__icon rds-textarea__icon--left",
+                  class: "rds-e-textarea__icon rds-e-textarea__icon--left",
                   "aria-hidden": "true"
                 }, n.value.left, q(n.value.left.events)), null, 16)) : s("", !0)
               ], !0),
               L(" " + i(t(b)), 1)
             ], 8, re),
             a("div", {
-              class: g(["rds-textarea__counter", {
-                "rds-textarea__counter--disabled": t(p),
-                "rds-textarea__counter--clearable": t(k)
+              class: g(["rds-e-textarea__counter", {
+                "rds-e-textarea__counter--disabled": t(p),
+                "rds-e-textarea__counter--clearable": t(k)
               }])
             }, [
               e.counter && !t(S) ? (l(), h("p", ae, i(j.value) + "/" + i(t(v)), 1)) : s("", !0),
               x(r.$slots, "right-icon", {}, () => [
                 n.value.right.name ? (l(), C(T, M({
                   key: 0,
-                  class: "rds-textarea__icon rds-textarea__icon--right",
+                  class: "rds-e-textarea__icon rds-e-textarea__icon--right",
                   "aria-hidden": "true"
                 }, n.value.right, q(n.value.right.events)), null, 16)) : s("", !0)
               ], !0)
@@ -240,7 +240,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
           ])
         ]),
         a("ul", {
-          class: g(["rds-textarea__helper", t(_) || E.value ? "rds-textarea__helper--error" : ""])
+          class: g(["rds-e-textarea__helper", t(_) || E.value ? "rds-e-textarea__helper--error" : ""])
         }, [
           V.value ? (l(), h("li", le, " Max text length is " + i(t(v)), 1)) : s("", !0),
           B.value ? (l(), h("li", ne, " Min text length is " + i(t(m)), 1)) : s("", !0),
@@ -253,7 +253,7 @@ const X = (e) => (O("data-v-dc860073"), e = e(), Q(), e), Y = { class: "rds-text
       ], 2);
     };
   }
-}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-dc860073"]]);
+}), ce = /* @__PURE__ */ W(se, [["__scopeId", "data-v-a9a6a677"]]);
 export {
   ce as default
 };

package/dist/components/textField.es.js

@@ -1,10 +1,10 @@
 import { defineComponent as j, toRefs as P, ref as z, computed as d, watch as F, openBlock as u, createElementBlock as m, normalizeClass as h, createElementVNode as n, renderSlot as v, createBlock as H, mergeProps as k, toHandlers as M, createCommentVNode as _, unref as t, toDisplayString as w, createVNode as A, withModifiers as G } from "vue";
-import { I as L } from "./icon-svg-7Vih8GMM.js";
+import { I as L } from "./icon-svg-CEZ-L3iv.js";
 import { _ as J } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './style/textField.css';const K = { class: "rds-textfield__container" }, O = { class: "rds-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
+import './style/textField.css';const K = { class: "rds-e-textfield__container" }, O = { class: "rds-e-textfield__input-container" }, Q = ["id", "type", "maxLength", "minLength", "disabled", "value", "autocomplete", "readonly"], U = ["for"], W = {
   key: 0,
-  class: "rds-textfield__icon rds-textfield__icon--right"
-}, X = { class: "rds-textfield__helper" }, Y = /* @__PURE__ */ j({
+  class: "rds-e-textfield__icon rds-e-textfield__icon--right"
+}, X = { class: "rds-e-textfield__helper" }, Y = /* @__PURE__ */ j({
   __name: "text-field",
   props: {
     /**
@@ -150,7 +150,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
       );
     }, D = d(() => !!(f.value || a.value.length && (a.value.length < b.value || a.value.length > y.value))), R = d(() => {
       const e = [];
-      return a.value && e.push("rds-textfield--filled"), D.value && e.push("rds-textfield--error"), i.value && e.push("rds-textfield--disabled"), e.join(" ");
+      return a.value && e.push("rds-e-textfield--filled"), D.value && e.push("rds-e-textfield--error"), i.value && e.push("rds-e-textfield--disabled"), e.join(" ");
     }), r = d(() => {
       const e = {
         name: V.value,
@@ -176,7 +176,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
         right: {
           ...e,
           name: o.value ? "eye_open" : "eye_close",
-          class: "rds-textfield__icon--password",
+          class: "rds-e-textfield__icon--password",
           events: {
             click: () => o.value = !o.value
           }
@@ -188,7 +188,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
         right: {
           ...e,
           name: "close",
-          class: "rds-textfield__icon--clear",
+          class: "rds-e-textfield__icon--clear",
           events: {
             click: () => g("update:modelValue", "")
           }
@@ -200,13 +200,13 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
       (e) => o.value = !e,
       { immediate: !0 }
     ), (e, S) => (u(), m("div", {
-      class: h(["rds-textfield", R.value])
+      class: h(["rds-e-textfield", R.value])
     }, [
       n("div", K, [
         v(e.$slots, "left-icon", {}, () => [
           r.value.left.name ? (u(), H(L, k({
             key: 0,
-            class: "rds-textfield__icon rds-textfield__icon--left",
+            class: "rds-e-textfield__icon rds-e-textfield__icon--left",
             "aria-hidden": "true"
           }, r.value.left, M(r.value.left.events)), null, 16)) : _("", !0)
         ], !0),
@@ -214,7 +214,7 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
           n("input", {
             id: t(x).toString(),
             type: o.value ? "text" : "password",
-            class: "rds-textfield__input",
+            class: "rds-e-textfield__input",
             maxLength: t(y),
             minLength: t(b),
             disabled: t(i),
@@ -226,14 +226,14 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
           }, null, 40, Q),
           n("label", {
             for: t(x).toString(),
-            class: h(["rds-textfield__label", t(i) ? "rds-textfield__label--disabled" : ""])
+            class: h(["rds-e-textfield__label", t(i) ? "rds-e-textfield__label--disabled" : ""])
           }, w(t(B)), 11, U)
         ]),
         r.value.right.name || e.$slots["right-icon"] ? (u(), m("span", W, [
           v(e.$slots, "right-icon", {}, () => [
             A(L, k({
               "aria-hidden": "true",
-              class: "rds-textfield__icon rds-textfield__icon--right"
+              class: "rds-e-textfield__icon rds-e-textfield__icon--right"
             }, r.value.right, {
               onClick: G(r.value.right.events.click, ["stop"])
             }), null, 16, ["onClick"])
@@ -244,13 +244,13 @@ import './style/textField.css';const K = { class: "rds-textfield__container" },
         v(e.$slots, "helper-text", {}, () => [
           (t(I) || t(f)) && !t(i) ? (u(), m("span", {
             key: 0,
-            class: h(t(f) ? "rds-textfield__helper--error" : "")
+            class: h(t(f) ? "rds-e-textfield__helper--error" : "")
           }, w(t(T)), 3)) : _("", !0)
         ], !0)
       ])
     ], 2));
   }
-}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-3b757a9f"]]);
+}), le = /* @__PURE__ */ J(Y, [["__scopeId", "data-v-4c840b96"]]);
 export {
   le as default
 };

package/dist/components/tooltip.es.js

@@ -1,5 +1,5 @@
 import { unref as at, defineComponent as Vt, toRefs as Mt, ref as U, computed as Ft, openBlock as bt, createElementBlock as At, createElementVNode as Z, renderSlot as Ht, normalizeClass as Ct, toDisplayString as Rt, createVNode as jt, createCommentVNode as Yt } from "vue";
-import { I as Xt } from "./icon-svg-7Vih8GMM.js";
+import { I as Xt } from "./icon-svg-CEZ-L3iv.js";
 import { _ as It } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 import './style/tooltip.css';const X = Math.min, O = Math.max, nt = Math.round, H = (t) => ({
   x: t,
@@ -944,10 +944,10 @@ function Pe(t) {
     }
   };
 }
-const Le = { class: "rds-tooltip" }, ke = {
+const Le = { class: "rds-e-tooltip" }, ke = {
   key: 0,
-  class: "rds-tooltip__header"
-}, $e = { class: "rds-tooltip__title" }, We = { class: "rds-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
+  class: "rds-e-tooltip__header"
+}, $e = { class: "rds-e-tooltip__title" }, We = { class: "rds-e-tooltip__content" }, Ne = /* @__PURE__ */ Vt({
   __name: "tooltip",
   props: {
     /**
@@ -1029,7 +1029,7 @@ const Le = { class: "rds-tooltip" }, ke = {
         bottom: "top",
         top: "bottom"
       };
-      a.value = `rds-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
+      a.value = `rds-e-tooltip__tooltip-arrow--${w}`, Object.assign(l.value.style, {
         left: x != null ? `${x}px` : "",
         top: y != null ? `${y}px` : "",
         bottom: "",
@@ -1040,12 +1040,12 @@ const Le = { class: "rds-tooltip" }, ke = {
       i != null && i.value || (c.value = !0);
     }, p = () => {
       c.value = !1, f();
-    }, d = Ft(() => `rds-tooltip__tooltip ${c.value ? "rds-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-tooltip__tooltip--large " : ""}${n.value ? "rds-tooltip__tooltip--full-width " : ""}`);
+    }, d = Ft(() => `rds-e-tooltip__tooltip ${c.value ? "rds-e-tooltip__tooltip-hidden " : ""}${o.value || i != null && i.value ? "rds-e-tooltip__tooltip--large " : ""}${n.value ? "rds-e-tooltip__tooltip--full-width " : ""}`);
     return (m, g) => (bt(), At("div", Le, [
       Z("div", {
         ref_key: "referenceRef",
         ref: r,
-        class: "rds-tooltip__trigger",
+        class: "rds-e-tooltip__trigger",
         onBlur: u,
         onFocus: p,
         onMouseenter: p,
@@ -1063,7 +1063,7 @@ const Le = { class: "rds-tooltip" }, ke = {
           jt(Xt, {
             name: "close",
             "aria-hidden": "true",
-            class: "rds-tooltip__icon",
+            class: "rds-e-tooltip__icon",
             onClick: g[0] || (g[0] = (h) => c.value = !c.value)
           })
         ])) : Yt("", !0),
@@ -1071,12 +1071,12 @@ const Le = { class: "rds-tooltip" }, ke = {
         Z("div", {
           ref_key: "arrowRef",
           ref: l,
-          class: Ct(["rds-tooltip__tooltip-arrow", a.value])
+          class: Ct(["rds-e-tooltip__tooltip-arrow", a.value])
         }, null, 2)
       ], 2)
     ]));
   }
-}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-e5e6156d"]]);
+}), Fe = /* @__PURE__ */ It(Ne, [["__scopeId", "data-v-5c754f77"]]);
 export {
   Fe as default
 };

package/dist/composables/index.es.js

@@ -0,0 +1,37 @@
+import { ref as r, onMounted as m, onUnmounted as p } from "vue";
+function h() {
+  const o = {
+    mobile: "(min-width: 0px) and (max-width: 719px)",
+    tablet: "(min-width: 720px) and (max-width: 1279px)",
+    desktop: "(min-width: 1280px) and (max-width: 1438px)",
+    desktopLarge: "(min-width: 1440px) and (max-width: 1599px)",
+    ultrawide: "(min-width: 1600px)"
+  }, a = r({
+    mobile: !1,
+    tablet: !1,
+    desktop: !1,
+    desktopLarge: !1,
+    ultrawide: !1
+  }), s = () => {
+    for (const [n, e] of Object.entries(o)) {
+      const t = window.matchMedia(e);
+      a.value[n] = t.matches;
+    }
+  };
+  return m(() => {
+    const n = Object.entries(o).map(([e, t]) => {
+      const i = window.matchMedia(t);
+      a.value[e] = i.matches;
+      const d = () => s();
+      return i.addEventListener("change", d), { mediaQuery: i, listener: d };
+    });
+    p(() => {
+      n.forEach(({ mediaQuery: e, listener: t }) => {
+        e.removeEventListener("change", t);
+      });
+    });
+  }), a;
+}
+export {
+  h as useBreakpoints
+};