@hotelinking/ui 1.2.5 → 1.5.0

package/dist/ui.es13.js

@@ -0,0 +1,20 @@
+import { openBlock as e, createElementBlock as r, createElementVNode as o } from "vue";
+function a(t, n) {
+  return e(), r("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    })
+  ]);
+}
+export {
+  a as default
+};

package/dist/ui.es14.js

@@ -0,0 +1,84 @@
+import { cloneVNode as v, h as w, Fragment as S } from "vue";
+import { match as k } from "./ui.es21.js";
+var H = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(H || {}), N = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(N || {});
+function E({ visible: e = !0, features: t = 0, ourProps: o, theirProps: n, ...r }) {
+  var i;
+  let s = j(n, o), u = Object.assign(r, { props: s });
+  if (e || t & 2 && s.static)
+    return y(u);
+  if (t & 1) {
+    let f = (i = s.unmount) == null || i ? 0 : 1;
+    return k(f, { [0]() {
+      return null;
+    }, [1]() {
+      return y({ ...r, props: { ...s, hidden: !0, style: { display: "none" } } });
+    } });
+  }
+  return y(u);
+}
+function y({ props: e, attrs: t, slots: o, slot: n, name: r }) {
+  var i, s;
+  let { as: u, ...f } = P(e, ["unmount", "static"]), l = (i = o.default) == null ? void 0 : i.call(o, n), g = {};
+  if (n) {
+    let c = !1, h = [];
+    for (let [d, p] of Object.entries(n))
+      typeof p == "boolean" && (c = !0), p === !0 && h.push(d);
+    c && (g["data-headlessui-state"] = h.join(" "));
+  }
+  if (u === "template") {
+    if (l = b(l ?? []), Object.keys(f).length > 0 || Object.keys(t).length > 0) {
+      let [c, ...h] = l ?? [];
+      if (!R(c) || h.length > 0)
+        throw new Error(['Passing props on "template"!', "", `The current component <${r} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(f).concat(Object.keys(t)).map((a) => a.trim()).filter((a, m, O) => O.indexOf(a) === m).sort((a, m) => a.localeCompare(m)).map((a) => `  - ${a}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((a) => `  - ${a}`).join(`
+`)].join(`
+`));
+      let d = j((s = c.props) != null ? s : {}, f), p = v(c, d);
+      for (let a in d)
+        a.startsWith("on") && (p.props || (p.props = {}), p.props[a] = d[a]);
+      return p;
+    }
+    return Array.isArray(l) && l.length === 1 ? l[0] : l;
+  }
+  return w(u, Object.assign({}, f, g), { default: () => l });
+}
+function b(e) {
+  return e.flatMap((t) => t.type === S ? b(t.children) : [t]);
+}
+function j(...e) {
+  if (e.length === 0)
+    return {};
+  if (e.length === 1)
+    return e[0];
+  let t = {}, o = {};
+  for (let n of e)
+    for (let r in n)
+      r.startsWith("on") && typeof n[r] == "function" ? (o[r] != null || (o[r] = []), o[r].push(n[r])) : t[r] = n[r];
+  if (t.disabled || t["aria-disabled"])
+    return Object.assign(t, Object.fromEntries(Object.keys(o).map((n) => [n, void 0])));
+  for (let n in o)
+    Object.assign(t, { [n](r, ...i) {
+      let s = o[n];
+      for (let u of s) {
+        if (r instanceof Event && r.defaultPrevented)
+          return;
+        u(r, ...i);
+      }
+    } });
+  return t;
+}
+function P(e, t = []) {
+  let o = Object.assign({}, e);
+  for (let n of t)
+    n in o && delete o[n];
+  return o;
+}
+function R(e) {
+  return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}
+export {
+  H as Features,
+  N as RenderStrategy,
+  P as omit,
+  E as render
+};

package/dist/ui.es15.js

@@ -0,0 +1,10 @@
+let n = 0;
+function t() {
+  return ++n;
+}
+function e() {
+  return t();
+}
+export {
+  e as useId
+};

package/dist/ui.es16.js

@@ -0,0 +1,4 @@
+var o = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(o || {});
+export {
+  o as Keys
+};

package/dist/ui.es17.js

@@ -0,0 +1,36 @@
+function o(e) {
+  throw new Error("Unexpected object: " + e);
+}
+var u = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(u || {});
+function v(e, s) {
+  let r = s.resolveItems();
+  if (r.length <= 0)
+    return null;
+  let n = s.resolveActiveIndex(), i = n ?? -1, c = (() => {
+    switch (e.focus) {
+      case 0:
+        return r.findIndex((t) => !s.resolveDisabled(t));
+      case 1: {
+        let t = r.slice().reverse().findIndex((l, d, a) => i !== -1 && a.length - d - 1 >= i ? !1 : !s.resolveDisabled(l));
+        return t === -1 ? t : r.length - 1 - t;
+      }
+      case 2:
+        return r.findIndex((t, l) => l <= i ? !1 : !s.resolveDisabled(t));
+      case 3: {
+        let t = r.slice().reverse().findIndex((l) => !s.resolveDisabled(l));
+        return t === -1 ? t : r.length - 1 - t;
+      }
+      case 4:
+        return r.findIndex((t) => s.resolveId(t) === e.id);
+      case 5:
+        return null;
+      default:
+        o(e);
+    }
+  })();
+  return c === -1 ? n : c;
+}
+export {
+  u as Focus,
+  v as calculateActiveIndex
+};

package/dist/ui.es18.js

@@ -0,0 +1,7 @@
+function e(l) {
+  var u;
+  return l == null || l.value == null ? null : (u = l.value.$el) != null ? u : l.value;
+}
+export {
+  e as dom
+};

package/dist/ui.es19.js

@@ -0,0 +1,18 @@
+import { watchEffect as f } from "vue";
+import { getOwnerDocument as u } from "./ui.es27.js";
+function p({ container: e, accept: r, walk: o, enabled: t }) {
+  f(() => {
+    let a = e.value;
+    if (!a || t !== void 0 && !t.value)
+      return;
+    let c = u(e);
+    if (!c)
+      return;
+    let l = Object.assign((i) => r(i), { acceptNode: r }), n = c.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, l, !1);
+    for (; n.nextNode(); )
+      o(n.currentNode);
+  });
+}
+export {
+  p as useTreeWalker
+};

package/dist/ui.es2.js

@@ -1,9 +1,15 @@
 import o from "./ui.es3.js";
 import i from "./ui.es4.js";
-const n = {
+import m from "./ui.es5.js";
+import r from "./ui.es6.js";
+import f from "./ui.es7.js";
+const u = {
   uiButton: o,
-  uiIcon: i
+  uiIcon: i,
+  uiCheckbox: m,
+  uiDropdown: r,
+  uiInput: f
 };
 export {
-  n as default
+  u as default
 };

package/dist/ui.es20.js

@@ -0,0 +1,14 @@
+import { inject as e, provide as l } from "vue";
+let o = Symbol("Context");
+var s = ((n) => (n[n.Open = 1] = "Open", n[n.Closed = 2] = "Closed", n[n.Closing = 4] = "Closing", n[n.Opening = 8] = "Opening", n))(s || {});
+function i() {
+  return e(o, null);
+}
+function p(n) {
+  l(o, n);
+}
+export {
+  s as State,
+  i as useOpenClosed,
+  p as useOpenClosedProvider
+};

package/dist/ui.es21.js

@@ -0,0 +1,11 @@
+function o(r, t, ...n) {
+  if (r in t) {
+    let e = t[r];
+    return typeof e == "function" ? e(...n) : e;
+  }
+  let a = new Error(`Tried to handle "${r}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((e) => `"${e}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(a, o), a;
+}
+export {
+  o as match
+};

package/dist/ui.es22.js

@@ -0,0 +1,21 @@
+import { ref as a, onMounted as l, watchEffect as f } from "vue";
+import { dom as o } from "./ui.es18.js";
+function r(t, n) {
+  if (t)
+    return t;
+  let e = n ?? "button";
+  if (typeof e == "string" && e.toLowerCase() === "button")
+    return "button";
+}
+function v(t, n) {
+  let e = a(r(t.value.type, t.value.as));
+  return l(() => {
+    e.value = r(t.value.type, t.value.as);
+  }), f(() => {
+    var u;
+    e.value || o(n) && o(n) instanceof HTMLButtonElement && !((u = o(n)) != null && u.hasAttribute("type")) && (e.value = "button");
+  }), e;
+}
+export {
+  v as useResolveButtonType
+};

package/dist/ui.es23.js

@@ -0,0 +1,104 @@
+import { nextTick as b } from "vue";
+import { match as h } from "./ui.es21.js";
+import { getOwnerDocument as f } from "./ui.es27.js";
+let m = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var x = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(x || {}), y = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(y || {}), p = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(p || {});
+function E(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(m)).sort((t, r) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (r.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var w = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(w || {});
+function O(e, t = 0) {
+  var r;
+  return e === ((r = f(e)) == null ? void 0 : r.body) ? !1 : h(t, { [0]() {
+    return e.matches(m);
+  }, [1]() {
+    let o = e;
+    for (; o !== null; ) {
+      if (o.matches(m))
+        return !0;
+      o = o.parentElement;
+    }
+    return !1;
+  } });
+}
+function D(e) {
+  let t = f(e);
+  b(() => {
+    t && !O(t.activeElement, 0) && I(e);
+  });
+}
+var S = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(S || {});
+typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0), document.addEventListener("click", (e) => {
+  e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, !0));
+function I(e) {
+  e == null || e.focus({ preventScroll: !0 });
+}
+let A = ["textarea", "input"].join(",");
+function M(e) {
+  var t, r;
+  return (r = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, A)) != null ? r : !1;
+}
+function L(e, t = (r) => r) {
+  return e.slice().sort((r, o) => {
+    let l = t(r), i = t(o);
+    if (l === null || i === null)
+      return 0;
+    let a = l.compareDocumentPosition(i);
+    return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function K(e, t) {
+  return P(E(), t, { relativeTo: e });
+}
+function P(e, t, { sorted: r = !0, relativeTo: o = null, skipElements: l = [] } = {}) {
+  var i;
+  let a = (i = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? i : document, n = Array.isArray(e) ? r ? L(e) : e : E(e);
+  l.length > 0 && n.length > 1 && (n = n.filter((u) => !l.includes(u))), o = o ?? a.activeElement;
+  let v = (() => {
+    if (t & 5)
+      return 1;
+    if (t & 10)
+      return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), F = (() => {
+    if (t & 1)
+      return 0;
+    if (t & 2)
+      return Math.max(0, n.indexOf(o)) - 1;
+    if (t & 4)
+      return Math.max(0, n.indexOf(o)) + 1;
+    if (t & 8)
+      return n.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), N = t & 32 ? { preventScroll: !0 } : {}, d = 0, c = n.length, s;
+  do {
+    if (d >= c || d + c <= 0)
+      return 0;
+    let u = F + d;
+    if (t & 16)
+      u = (u + c) % c;
+    else {
+      if (u < 0)
+        return 3;
+      if (u >= c)
+        return 1;
+    }
+    s = n[u], s == null || s.focus(N), d += v;
+  } while (s !== a.activeElement);
+  return t & 6 && M(s) && s.select(), 2;
+}
+export {
+  x as Focus,
+  y as FocusResult,
+  w as FocusableMode,
+  I as focusElement,
+  K as focusFrom,
+  P as focusIn,
+  E as getFocusableElements,
+  O as isFocusableElement,
+  D as restoreFocusIfNecessary,
+  L as sortByDomNode
+};

package/dist/ui.es24.js

@@ -0,0 +1,35 @@
+import { ref as f, computed as d } from "vue";
+import { isFocusableElement as v, FocusableMode as p } from "./ui.es23.js";
+import { dom as w } from "./ui.es18.js";
+import { useDocumentEvent as a } from "./ui.es28.js";
+import { useWindowEvent as E } from "./ui.es29.js";
+function M(c, m, r = d(() => !0)) {
+  function i(e, u) {
+    if (!r.value || e.defaultPrevented)
+      return;
+    let n = u(e);
+    if (n === null || !n.getRootNode().contains(n))
+      return;
+    let s = function t(o) {
+      return typeof o == "function" ? t(o()) : Array.isArray(o) || o instanceof Set ? o : [o];
+    }(c);
+    for (let t of s) {
+      if (t === null)
+        continue;
+      let o = t instanceof HTMLElement ? t : w(t);
+      if (o != null && o.contains(n) || e.composed && e.composedPath().includes(o))
+        return;
+    }
+    return !v(n, p.Loose) && n.tabIndex !== -1 && e.preventDefault(), m(e, n);
+  }
+  let l = f(null);
+  a("mousedown", (e) => {
+    var u, n;
+    r.value && (l.value = ((n = (u = e.composedPath) == null ? void 0 : u.call(e)) == null ? void 0 : n[0]) || e.target);
+  }, !0), a("click", (e) => {
+    l.value && (i(e, () => l.value), l.value = null);
+  }, !0), E("blur", (e) => i(e, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+export {
+  M as useOutsideClick
+};

package/dist/ui.es25.js

@@ -0,0 +1,16 @@
+import { ref as n } from "vue";
+function u(e) {
+  return [e.screenX, e.screenY];
+}
+function o() {
+  let e = n([-1, -1]);
+  return { wasMoved(r) {
+    let t = u(r);
+    return e.value[0] === t[0] && e.value[1] === t[1] ? !1 : (e.value = t, !0);
+  }, update(r) {
+    e.value = u(r);
+  } };
+}
+export {
+  o as useTrackedPointer
+};

package/dist/ui.es26.js

@@ -0,0 +1,19 @@
+import { ref as l } from "vue";
+import { getTextValue as i } from "./ui.es31.js";
+import { dom as m } from "./ui.es18.js";
+function s(a) {
+  let r = l(""), t = l("");
+  return () => {
+    let e = m(a);
+    if (!e)
+      return "";
+    let u = e.innerText;
+    if (r.value === u)
+      return t.value;
+    let o = i(e).trim().toLowerCase();
+    return r.value = u, t.value = o, o;
+  };
+}
+export {
+  s as useTextValue
+};

package/dist/ui.es27.js

@@ -0,0 +1,17 @@
+import { dom as o } from "./ui.es18.js";
+import { env as r } from "./ui.es30.js";
+function m(e) {
+  if (r.isServer)
+    return null;
+  if (e instanceof Node)
+    return e.ownerDocument;
+  if (e != null && e.hasOwnProperty("value")) {
+    let n = o(e);
+    if (n)
+      return n.ownerDocument;
+  }
+  return document;
+}
+export {
+  m as getOwnerDocument
+};

package/dist/ui.es28.js

@@ -0,0 +1,10 @@
+import { watchEffect as r } from "vue";
+import { env as m } from "./ui.es30.js";
+function s(e, t, n) {
+  m.isServer || r((o) => {
+    document.addEventListener(e, t, n), o(() => document.removeEventListener(e, t, n));
+  });
+}
+export {
+  s as useDocumentEvent
+};

package/dist/ui.es29.js

@@ -0,0 +1,10 @@
+import { watchEffect as t } from "vue";
+import { env as i } from "./ui.es30.js";
+function v(e, n, o) {
+  i.isServer || t((r) => {
+    window.addEventListener(e, n, o), r(() => window.removeEventListener(e, n, o));
+  });
+}
+export {
+  v as useWindowEvent
+};

package/dist/ui.es3.js

@@ -1,28 +1,45 @@
-import { openBlock as t, createElementBlock as n, normalizeClass as r, renderSlot as l } from "vue";
-const d = ["disabled"], a = { name: "uiButton" }, c = /* @__PURE__ */ Object.assign(a, {
+import { openBlock as n, createElementBlock as t, normalizeClass as l, createVNode as r, renderSlot as i } from "vue";
+import a from "./ui.es4.js";
+const d = ["disabled"], c = {
+  name: "uiButton"
+}, g = /* @__PURE__ */ Object.assign(c, {
   props: {
+    /**
+     * Color del botón
+     */
     color: {
       type: String,
       default: "primary"
     },
+    /**
+     * Tamaño del botón
+     */
     size: {
       type: String,
       default: "normal"
     },
+    /**
+     * Icono del botón (acepta directamente el componente del icono)
+     */
     icon: {
-      type: String
+      type: Function,
+      default: () => {
+      }
     },
+    /**
+     * Estado del botón
+     */
     disabled: {
       type: Boolean,
       default: !1
     }
   },
   setup(e) {
-    return (o, i) => (t(), n("button", {
+    return (o, s) => (n(), t("button", {
       disabled: e.disabled,
-      class: r([{
+      class: l([{
         "bg-indigo-600 hover:bg-indigo-800": e.color === "primary",
-        "bg-secondary hover:bg-cyan-300": e.color === "secondary",
+        "bg-cyan-300 hover:bg-cyan-500": e.color === "secondary",
         "bg-red-400 hover:bg-red-600": e.color === "red",
         "bg-yellow-400 hover:bg-yellow-600": e.color === "yellow",
         "bg-green-400 hover:bg-green-600": e.color === "green",
@@ -32,10 +49,15 @@ const d = ["disabled"], a = { name: "uiButton" }, c = /* @__PURE__ */ Object.ass
       }, "inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),
       type: "button"
     }, [
-      l(o.$slots, "default")
+      r(a, {
+        icon: e.icon,
+        color: "white",
+        class: "-ml-0.5 mr-2"
+      }, null, 8, ["icon"]),
+      i(o.$slots, "default")
     ], 10, d));
   }
 });
 export {
-  c as default
+  g as default
 };

package/dist/ui.es30.js

@@ -0,0 +1,28 @@
+var i = Object.defineProperty, s = (t, e, r) => e in t ? i(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, n = (t, e, r) => (s(t, typeof e != "symbol" ? e + "" : e, r), r);
+class c {
+  constructor() {
+    n(this, "current", this.detect()), n(this, "currentId", 0);
+  }
+  set(e) {
+    this.current !== e && (this.currentId = 0, this.current = e);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window > "u" || typeof document > "u" ? "server" : "client";
+  }
+}
+let u = new c();
+export {
+  u as env
+};

package/dist/ui.es31.js

@@ -0,0 +1,34 @@
+let a = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function o(t) {
+  var l, u;
+  let n = (l = t.innerText) != null ? l : "", i = t.cloneNode(!0);
+  if (!(i instanceof HTMLElement))
+    return n;
+  let r = !1;
+  for (let f of i.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
+    f.remove(), r = !0;
+  let e = r ? (u = i.innerText) != null ? u : "" : n;
+  return a.test(e) && (e = e.replace(a, "")), e;
+}
+function F(t) {
+  let l = t.getAttribute("aria-label");
+  if (typeof l == "string")
+    return l.trim();
+  let u = t.getAttribute("aria-labelledby");
+  if (u) {
+    let n = u.split(" ").map((i) => {
+      let r = document.getElementById(i);
+      if (r) {
+        let e = r.getAttribute("aria-label");
+        return typeof e == "string" ? e.trim() : o(r).trim();
+      }
+      return null;
+    }).filter(Boolean);
+    if (n.length > 0)
+      return n.join(", ");
+  }
+  return o(t).trim();
+}
+export {
+  F as getTextValue
+};

package/dist/ui.es4.js

@@ -1,20 +1,38 @@
-import { openBlock as n, createBlock as a, resolveDynamicComponent as t, normalizeClass as s } from "vue";
-const i = { name: "uiIcon" }, r = /* @__PURE__ */ Object.assign(i, {
+import { openBlock as t, createBlock as c, resolveDynamicComponent as l, normalizeClass as o } from "vue";
+const n = { name: "uiIcon" }, u = /* @__PURE__ */ Object.assign(n, {
   props: {
-    name: { type: Function, required: !0 },
-    size: { type: String, default: "normal" }
+    /**
+     * COMPONENTE del icono
+     */
+    icon: { type: Function, required: !0 },
+    /**
+     * Tamaño
+     */
+    size: { type: String, default: "normal" },
+    /**
+     * Color
+     */
+    color: { type: String, default: "primary" }
   },
   setup(e) {
-    return (c, l) => (n(), a(t(e.name), {
-      class: s({
+    return (a, r) => (t(), c(l(e.icon), {
+      class: o({
         "h-4 w-4": e.size === "normal",
         "h-6 w-6": e.size === "big",
         "h-12 w-12": e.size === "huge",
-        "h-20 w-20": e.size === "massive"
+        "h-20 w-20": e.size === "massive",
+        "text-indigo-600": e.color === "primary",
+        "text-cyan-300": e.color === "secondary",
+        "text-red-400": e.color === "red",
+        "text-yellow-400": e.color === "yellow",
+        "text-green-400": e.color === "green",
+        "text-white": e.color === "white",
+        "text-gray-300": e.color === "gray",
+        "text-black": e.color === "black"
       })
     }, null, 8, ["class"]));
   }
 });
 export {
-  r as default
+  u as default
 };