@lumx/vue 3.19.1-alpha.10

package/index.js

@@ -0,0 +1,1090 @@
+import { h as pt } from "vue";
+import { defineComponent as gt } from "vue-demi";
+import { mdiAlertCircle as vt } from "@lumx/icons";
+const An = 40, On = 13, qn = 32, Rn = 27, jn = 37, Sn = 39, In = 9, Cn = 38, En = 8, bt = "lumx", wn = 400, Pn = 400, Ln = 200, Nn = 5e3, kn = {
+  open: 500,
+  close: 500
+}, Mn = {
+  open: 250,
+  close: 3e3
+}, Dn = {
+  bottom: "bottom",
+  center: "center",
+  end: "end",
+  left: "left",
+  right: "right",
+  spaceAround: "space-around",
+  spaceBetween: "space-between",
+  spaceEvenly: "space-evenly",
+  start: "start",
+  top: "top"
+}, yt = {
+  light: "light",
+  dark: "dark"
+}, R = {
+  xxs: "xxs",
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl",
+  tiny: "tiny",
+  regular: "regular",
+  medium: "medium",
+  big: "big",
+  huge: "huge"
+}, Un = {
+  horizontal: "horizontal",
+  vertical: "vertical"
+}, Wn = {
+  low: "low",
+  medium: "medium",
+  high: "high"
+}, _t = {
+  overline: "overline",
+  caption: "caption",
+  body1: "body1",
+  body2: "body2",
+  subtitle1: "subtitle1",
+  subtitle2: "subtitle2",
+  title: "title",
+  headline: "headline",
+  display1: "display1"
+}, ht = {
+  title1: "custom-title1",
+  title2: "custom-title2",
+  title3: "custom-title3",
+  title4: "custom-title4",
+  title5: "custom-title5",
+  title6: "custom-title6"
+}, mt = {
+  ...ht,
+  intro: "custom-intro",
+  "body-large": "custom-body-large",
+  body: "custom-body",
+  quote: "custom-quote",
+  "publish-info": "custom-publish-info",
+  button: "custom-button"
+}, Bn = {
+  ..._t,
+  custom: mt
+}, Fn = {
+  /** Intrinsic content ratio. */
+  original: "original",
+  /** Ratio 3:1 */
+  panoramic: "panoramic",
+  /** Ratio 16:9 */
+  wide: "wide",
+  /** Ratio 3:2 */
+  horizontal: "horizontal",
+  /** Ratio 3:2 */
+  vertical: "vertical",
+  /** Ratio 1:1 */
+  square: "square",
+  /** Ratio constrained by the parent. */
+  free: "free"
+}, Gn = {
+  info: "info",
+  success: "success",
+  warning: "warning",
+  error: "error"
+}, Vn = {
+  normal: "normal",
+  nowrap: "nowrap",
+  pre: "pre",
+  "pre-wrap": "pre-wrap",
+  "pre-line": "pre-line",
+  "break-spaces": "break-spaces"
+}, U = {
+  primary: "primary",
+  secondary: "secondary",
+  blue: "blue",
+  dark: "dark",
+  green: "green",
+  yellow: "yellow",
+  red: "red",
+  light: "light",
+  grey: "grey"
+}, Kn = {
+  D1: "D1",
+  D2: "D2",
+  L1: "L1",
+  L2: "L2",
+  L3: "L3",
+  L4: "L4",
+  L5: "L5",
+  L6: "L6",
+  N: "N"
+};
+var W = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function P(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var G, $r;
+function xt() {
+  if ($r) return G;
+  $r = 1;
+  function r() {
+    return r = Object.assign ? Object.assign.bind() : function(i) {
+      for (var a, c = 1; c < arguments.length; c++) for (var s in a = arguments[c], a) Object.prototype.hasOwnProperty.call(a, s) && (i[s] = a[s]);
+      return i;
+    }, r.apply(this, arguments);
+  }
+  var e = ["attrs", "props", "domProps"], t = ["class", "style", "directives"], n = ["on", "nativeOn"], o = function(i) {
+    return i.reduce(function(a, c) {
+      for (var s in c) if (!a[s]) a[s] = c[s];
+      else if (e.indexOf(s) !== -1) a[s] = r({}, a[s], c[s]);
+      else if (t.indexOf(s) !== -1) {
+        var p = a[s] instanceof Array ? a[s] : [a[s]], b = c[s] instanceof Array ? c[s] : [c[s]];
+        a[s] = [].concat(p, b);
+      } else if (n.indexOf(s) !== -1)
+        for (var l in c[s]) if (a[s][l]) {
+          var f = a[s][l] instanceof Array ? a[s][l] : [a[s][l]], v = c[s][l] instanceof Array ? c[s][l] : [c[s][l]];
+          a[s][l] = [].concat(f, v);
+        } else a[s][l] = c[s][l];
+      else if (s === "hook") for (var g in c[s]) a[s][g] = a[s][g] ? u(a[s][g], c[s][g]) : c[s][g];
+      else a[s] = c[s];
+      return a;
+    }, {});
+  }, u = function(i, a) {
+    return function() {
+      i && i.apply(this, arguments), a && a.apply(this, arguments);
+    };
+  };
+  return G = o, G;
+}
+var Tt = xt();
+const $e = /* @__PURE__ */ P(Tt);
+var V = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var zr;
+function At() {
+  return zr || (zr = 1, (function(r) {
+    (function() {
+      var e = {}.hasOwnProperty;
+      function t() {
+        for (var n = [], o = 0; o < arguments.length; o++) {
+          var u = arguments[o];
+          if (u) {
+            var i = typeof u;
+            if (i === "string" || i === "number")
+              n.push(u);
+            else if (Array.isArray(u)) {
+              if (u.length) {
+                var a = t.apply(null, u);
+                a && n.push(a);
+              }
+            } else if (i === "object") {
+              if (u.toString !== Object.prototype.toString && !u.toString.toString().includes("[native code]")) {
+                n.push(u.toString());
+                continue;
+              }
+              for (var c in u)
+                e.call(u, c) && u[c] && n.push(c);
+            }
+          }
+        }
+        return n.join(" ");
+      }
+      r.exports ? (t.default = t, r.exports = t) : window.classNames = t;
+    })();
+  })(V)), V.exports;
+}
+var Ot = At();
+const ze = /* @__PURE__ */ P(Ot);
+var K, Yr;
+function Ye() {
+  if (Yr) return K;
+  Yr = 1;
+  var r = typeof W == "object" && W && W.Object === Object && W;
+  return K = r, K;
+}
+var $, Hr;
+function m() {
+  if (Hr) return $;
+  Hr = 1;
+  var r = Ye(), e = typeof self == "object" && self && self.Object === Object && self, t = r || e || Function("return this")();
+  return $ = t, $;
+}
+var z, Jr;
+function Br() {
+  if (Jr) return z;
+  Jr = 1;
+  var r = m(), e = r.Symbol;
+  return z = e, z;
+}
+var Y, Zr;
+function qt() {
+  if (Zr) return Y;
+  Zr = 1;
+  var r = Br(), e = Object.prototype, t = e.hasOwnProperty, n = e.toString, o = r ? r.toStringTag : void 0;
+  function u(i) {
+    var a = t.call(i, o), c = i[o];
+    try {
+      i[o] = void 0;
+      var s = !0;
+    } catch {
+    }
+    var p = n.call(i);
+    return s && (a ? i[o] = c : delete i[o]), p;
+  }
+  return Y = u, Y;
+}
+var H, Xr;
+function Rt() {
+  if (Xr) return H;
+  Xr = 1;
+  var r = Object.prototype, e = r.toString;
+  function t(n) {
+    return e.call(n);
+  }
+  return H = t, H;
+}
+var J, Qr;
+function j() {
+  if (Qr) return J;
+  Qr = 1;
+  var r = Br(), e = qt(), t = Rt(), n = "[object Null]", o = "[object Undefined]", u = r ? r.toStringTag : void 0;
+  function i(a) {
+    return a == null ? a === void 0 ? o : n : u && u in Object(a) ? e(a) : t(a);
+  }
+  return J = i, J;
+}
+var Z, re;
+function L() {
+  if (re) return Z;
+  re = 1;
+  function r(e) {
+    return e != null && typeof e == "object";
+  }
+  return Z = r, Z;
+}
+var X, ee;
+function jt() {
+  if (ee) return X;
+  ee = 1;
+  var r = j(), e = L(), t = "[object Boolean]";
+  function n(o) {
+    return o === !0 || o === !1 || e(o) && r(o) == t;
+  }
+  return X = n, X;
+}
+var St = jt();
+const He = /* @__PURE__ */ P(St);
+var Q, te;
+function Je() {
+  if (te) return Q;
+  te = 1;
+  var r = Object.prototype;
+  function e(t) {
+    var n = t && t.constructor, o = typeof n == "function" && n.prototype || r;
+    return t === o;
+  }
+  return Q = e, Q;
+}
+var rr, ne;
+function It() {
+  if (ne) return rr;
+  ne = 1;
+  function r(e, t) {
+    return function(n) {
+      return e(t(n));
+    };
+  }
+  return rr = r, rr;
+}
+var er, ae;
+function Ct() {
+  if (ae) return er;
+  ae = 1;
+  var r = It(), e = r(Object.keys, Object);
+  return er = e, er;
+}
+var tr, oe;
+function Et() {
+  if (oe) return tr;
+  oe = 1;
+  var r = Je(), e = Ct(), t = Object.prototype, n = t.hasOwnProperty;
+  function o(u) {
+    if (!r(u))
+      return e(u);
+    var i = [];
+    for (var a in Object(u))
+      n.call(u, a) && a != "constructor" && i.push(a);
+    return i;
+  }
+  return tr = o, tr;
+}
+var nr, ue;
+function Ze() {
+  if (ue) return nr;
+  ue = 1;
+  function r(e) {
+    var t = typeof e;
+    return e != null && (t == "object" || t == "function");
+  }
+  return nr = r, nr;
+}
+var ar, ie;
+function Xe() {
+  if (ie) return ar;
+  ie = 1;
+  var r = j(), e = Ze(), t = "[object AsyncFunction]", n = "[object Function]", o = "[object GeneratorFunction]", u = "[object Proxy]";
+  function i(a) {
+    if (!e(a))
+      return !1;
+    var c = r(a);
+    return c == n || c == o || c == t || c == u;
+  }
+  return ar = i, ar;
+}
+var or, se;
+function wt() {
+  if (se) return or;
+  se = 1;
+  var r = m(), e = r["__core-js_shared__"];
+  return or = e, or;
+}
+var ur, ce;
+function Pt() {
+  if (ce) return ur;
+  ce = 1;
+  var r = wt(), e = (function() {
+    var n = /[^.]+$/.exec(r && r.keys && r.keys.IE_PROTO || "");
+    return n ? "Symbol(src)_1." + n : "";
+  })();
+  function t(n) {
+    return !!e && e in n;
+  }
+  return ur = t, ur;
+}
+var ir, fe;
+function Qe() {
+  if (fe) return ir;
+  fe = 1;
+  var r = Function.prototype, e = r.toString;
+  function t(n) {
+    if (n != null) {
+      try {
+        return e.call(n);
+      } catch {
+      }
+      try {
+        return n + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  return ir = t, ir;
+}
+var sr, de;
+function Lt() {
+  if (de) return sr;
+  de = 1;
+  var r = Xe(), e = Pt(), t = Ze(), n = Qe(), o = /[\\^$.*+?()[\]{}|]/g, u = /^\[object .+?Constructor\]$/, i = Function.prototype, a = Object.prototype, c = i.toString, s = a.hasOwnProperty, p = RegExp(
+    "^" + c.call(s).replace(o, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  );
+  function b(l) {
+    if (!t(l) || e(l))
+      return !1;
+    var f = r(l) ? p : u;
+    return f.test(n(l));
+  }
+  return sr = b, sr;
+}
+var cr, le;
+function Nt() {
+  if (le) return cr;
+  le = 1;
+  function r(e, t) {
+    return e == null ? void 0 : e[t];
+  }
+  return cr = r, cr;
+}
+var fr, pe;
+function N() {
+  if (pe) return fr;
+  pe = 1;
+  var r = Lt(), e = Nt();
+  function t(n, o) {
+    var u = e(n, o);
+    return r(u) ? u : void 0;
+  }
+  return fr = t, fr;
+}
+var dr, ge;
+function kt() {
+  if (ge) return dr;
+  ge = 1;
+  var r = N(), e = m(), t = r(e, "DataView");
+  return dr = t, dr;
+}
+var lr, ve;
+function Mt() {
+  if (ve) return lr;
+  ve = 1;
+  var r = N(), e = m(), t = r(e, "Map");
+  return lr = t, lr;
+}
+var pr, be;
+function Dt() {
+  if (be) return pr;
+  be = 1;
+  var r = N(), e = m(), t = r(e, "Promise");
+  return pr = t, pr;
+}
+var gr, ye;
+function Ut() {
+  if (ye) return gr;
+  ye = 1;
+  var r = N(), e = m(), t = r(e, "Set");
+  return gr = t, gr;
+}
+var vr, _e;
+function Wt() {
+  if (_e) return vr;
+  _e = 1;
+  var r = N(), e = m(), t = r(e, "WeakMap");
+  return vr = t, vr;
+}
+var br, he;
+function Bt() {
+  if (he) return br;
+  he = 1;
+  var r = kt(), e = Mt(), t = Dt(), n = Ut(), o = Wt(), u = j(), i = Qe(), a = "[object Map]", c = "[object Object]", s = "[object Promise]", p = "[object Set]", b = "[object WeakMap]", l = "[object DataView]", f = i(r), v = i(e), g = i(t), _ = i(n), A = i(o), y = u;
+  return (r && y(new r(new ArrayBuffer(1))) != l || e && y(new e()) != a || t && y(t.resolve()) != s || n && y(new n()) != p || o && y(new o()) != b) && (y = function(x) {
+    var T = u(x), O = T == c ? x.constructor : void 0, q = O ? i(O) : "";
+    if (q)
+      switch (q) {
+        case f:
+          return l;
+        case v:
+          return a;
+        case g:
+          return s;
+        case _:
+          return p;
+        case A:
+          return b;
+      }
+    return T;
+  }), br = y, br;
+}
+var yr, me;
+function Ft() {
+  if (me) return yr;
+  me = 1;
+  var r = j(), e = L(), t = "[object Arguments]";
+  function n(o) {
+    return e(o) && r(o) == t;
+  }
+  return yr = n, yr;
+}
+var _r, xe;
+function Gt() {
+  if (xe) return _r;
+  xe = 1;
+  var r = Ft(), e = L(), t = Object.prototype, n = t.hasOwnProperty, o = t.propertyIsEnumerable, u = r(/* @__PURE__ */ (function() {
+    return arguments;
+  })()) ? r : function(i) {
+    return e(i) && n.call(i, "callee") && !o.call(i, "callee");
+  };
+  return _r = u, _r;
+}
+var hr, Te;
+function rt() {
+  if (Te) return hr;
+  Te = 1;
+  var r = Array.isArray;
+  return hr = r, hr;
+}
+var mr, Ae;
+function et() {
+  if (Ae) return mr;
+  Ae = 1;
+  var r = 9007199254740991;
+  function e(t) {
+    return typeof t == "number" && t > -1 && t % 1 == 0 && t <= r;
+  }
+  return mr = e, mr;
+}
+var xr, Oe;
+function Vt() {
+  if (Oe) return xr;
+  Oe = 1;
+  var r = Xe(), e = et();
+  function t(n) {
+    return n != null && e(n.length) && !r(n);
+  }
+  return xr = t, xr;
+}
+var I = { exports: {} }, Tr, qe;
+function Kt() {
+  if (qe) return Tr;
+  qe = 1;
+  function r() {
+    return !1;
+  }
+  return Tr = r, Tr;
+}
+I.exports;
+var Re;
+function $t() {
+  return Re || (Re = 1, (function(r, e) {
+    var t = m(), n = Kt(), o = e && !e.nodeType && e, u = o && !0 && r && !r.nodeType && r, i = u && u.exports === o, a = i ? t.Buffer : void 0, c = a ? a.isBuffer : void 0, s = c || n;
+    r.exports = s;
+  })(I, I.exports)), I.exports;
+}
+var Ar, je;
+function zt() {
+  if (je) return Ar;
+  je = 1;
+  var r = j(), e = et(), t = L(), n = "[object Arguments]", o = "[object Array]", u = "[object Boolean]", i = "[object Date]", a = "[object Error]", c = "[object Function]", s = "[object Map]", p = "[object Number]", b = "[object Object]", l = "[object RegExp]", f = "[object Set]", v = "[object String]", g = "[object WeakMap]", _ = "[object ArrayBuffer]", A = "[object DataView]", y = "[object Float32Array]", x = "[object Float64Array]", T = "[object Int8Array]", O = "[object Int16Array]", q = "[object Int32Array]", F = "[object Uint8Array]", k = "[object Uint8ClampedArray]", M = "[object Uint16Array]", h = "[object Uint32Array]", d = {};
+  d[y] = d[x] = d[T] = d[O] = d[q] = d[F] = d[k] = d[M] = d[h] = !0, d[n] = d[o] = d[_] = d[u] = d[A] = d[i] = d[a] = d[c] = d[s] = d[p] = d[b] = d[l] = d[f] = d[v] = d[g] = !1;
+  function D(S) {
+    return t(S) && e(S.length) && !!d[r(S)];
+  }
+  return Ar = D, Ar;
+}
+var Or, Se;
+function Yt() {
+  if (Se) return Or;
+  Se = 1;
+  function r(e) {
+    return function(t) {
+      return e(t);
+    };
+  }
+  return Or = r, Or;
+}
+var C = { exports: {} };
+C.exports;
+var Ie;
+function Ht() {
+  return Ie || (Ie = 1, (function(r, e) {
+    var t = Ye(), n = e && !e.nodeType && e, o = n && !0 && r && !r.nodeType && r, u = o && o.exports === n, i = u && t.process, a = (function() {
+      try {
+        var c = o && o.require && o.require("util").types;
+        return c || i && i.binding && i.binding("util");
+      } catch {
+      }
+    })();
+    r.exports = a;
+  })(C, C.exports)), C.exports;
+}
+var qr, Ce;
+function Jt() {
+  if (Ce) return qr;
+  Ce = 1;
+  var r = zt(), e = Yt(), t = Ht(), n = t && t.isTypedArray, o = n ? e(n) : r;
+  return qr = o, qr;
+}
+var Rr, Ee;
+function Zt() {
+  if (Ee) return Rr;
+  Ee = 1;
+  var r = Et(), e = Bt(), t = Gt(), n = rt(), o = Vt(), u = $t(), i = Je(), a = Jt(), c = "[object Map]", s = "[object Set]", p = Object.prototype, b = p.hasOwnProperty;
+  function l(f) {
+    if (f == null)
+      return !0;
+    if (o(f) && (n(f) || typeof f == "string" || typeof f.splice == "function" || u(f) || a(f) || t(f)))
+      return !f.length;
+    var v = e(f);
+    if (v == c || v == s)
+      return !f.size;
+    if (i(f))
+      return !r(f).length;
+    for (var g in f)
+      if (b.call(f, g))
+        return !1;
+    return !0;
+  }
+  return Rr = l, Rr;
+}
+var Xt = Zt();
+const tt = /* @__PURE__ */ P(Xt);
+var jr, we;
+function Qt() {
+  if (we) return jr;
+  we = 1;
+  function r(e, t, n, o) {
+    var u = -1, i = e == null ? 0 : e.length;
+    for (o && i && (n = e[++u]); ++u < i; )
+      n = t(n, e[u], u, e);
+    return n;
+  }
+  return jr = r, jr;
+}
+var Sr, Pe;
+function rn() {
+  if (Pe) return Sr;
+  Pe = 1;
+  function r(e) {
+    return function(t) {
+      return e == null ? void 0 : e[t];
+    };
+  }
+  return Sr = r, Sr;
+}
+var Ir, Le;
+function en() {
+  if (Le) return Ir;
+  Le = 1;
+  var r = rn(), e = {
+    // Latin-1 Supplement block.
+    À: "A",
+    Á: "A",
+    Â: "A",
+    Ã: "A",
+    Ä: "A",
+    Å: "A",
+    à: "a",
+    á: "a",
+    â: "a",
+    ã: "a",
+    ä: "a",
+    å: "a",
+    Ç: "C",
+    ç: "c",
+    Ð: "D",
+    ð: "d",
+    È: "E",
+    É: "E",
+    Ê: "E",
+    Ë: "E",
+    è: "e",
+    é: "e",
+    ê: "e",
+    ë: "e",
+    Ì: "I",
+    Í: "I",
+    Î: "I",
+    Ï: "I",
+    ì: "i",
+    í: "i",
+    î: "i",
+    ï: "i",
+    Ñ: "N",
+    ñ: "n",
+    Ò: "O",
+    Ó: "O",
+    Ô: "O",
+    Õ: "O",
+    Ö: "O",
+    Ø: "O",
+    ò: "o",
+    ó: "o",
+    ô: "o",
+    õ: "o",
+    ö: "o",
+    ø: "o",
+    Ù: "U",
+    Ú: "U",
+    Û: "U",
+    Ü: "U",
+    ù: "u",
+    ú: "u",
+    û: "u",
+    ü: "u",
+    Ý: "Y",
+    ý: "y",
+    ÿ: "y",
+    Æ: "Ae",
+    æ: "ae",
+    Þ: "Th",
+    þ: "th",
+    ß: "ss",
+    // Latin Extended-A block.
+    Ā: "A",
+    Ă: "A",
+    Ą: "A",
+    ā: "a",
+    ă: "a",
+    ą: "a",
+    Ć: "C",
+    Ĉ: "C",
+    Ċ: "C",
+    Č: "C",
+    ć: "c",
+    ĉ: "c",
+    ċ: "c",
+    č: "c",
+    Ď: "D",
+    Đ: "D",
+    ď: "d",
+    đ: "d",
+    Ē: "E",
+    Ĕ: "E",
+    Ė: "E",
+    Ę: "E",
+    Ě: "E",
+    ē: "e",
+    ĕ: "e",
+    ė: "e",
+    ę: "e",
+    ě: "e",
+    Ĝ: "G",
+    Ğ: "G",
+    Ġ: "G",
+    Ģ: "G",
+    ĝ: "g",
+    ğ: "g",
+    ġ: "g",
+    ģ: "g",
+    Ĥ: "H",
+    Ħ: "H",
+    ĥ: "h",
+    ħ: "h",
+    Ĩ: "I",
+    Ī: "I",
+    Ĭ: "I",
+    Į: "I",
+    İ: "I",
+    ĩ: "i",
+    ī: "i",
+    ĭ: "i",
+    į: "i",
+    ı: "i",
+    Ĵ: "J",
+    ĵ: "j",
+    Ķ: "K",
+    ķ: "k",
+    ĸ: "k",
+    Ĺ: "L",
+    Ļ: "L",
+    Ľ: "L",
+    Ŀ: "L",
+    Ł: "L",
+    ĺ: "l",
+    ļ: "l",
+    ľ: "l",
+    ŀ: "l",
+    ł: "l",
+    Ń: "N",
+    Ņ: "N",
+    Ň: "N",
+    Ŋ: "N",
+    ń: "n",
+    ņ: "n",
+    ň: "n",
+    ŋ: "n",
+    Ō: "O",
+    Ŏ: "O",
+    Ő: "O",
+    ō: "o",
+    ŏ: "o",
+    ő: "o",
+    Ŕ: "R",
+    Ŗ: "R",
+    Ř: "R",
+    ŕ: "r",
+    ŗ: "r",
+    ř: "r",
+    Ś: "S",
+    Ŝ: "S",
+    Ş: "S",
+    Š: "S",
+    ś: "s",
+    ŝ: "s",
+    ş: "s",
+    š: "s",
+    Ţ: "T",
+    Ť: "T",
+    Ŧ: "T",
+    ţ: "t",
+    ť: "t",
+    ŧ: "t",
+    Ũ: "U",
+    Ū: "U",
+    Ŭ: "U",
+    Ů: "U",
+    Ű: "U",
+    Ų: "U",
+    ũ: "u",
+    ū: "u",
+    ŭ: "u",
+    ů: "u",
+    ű: "u",
+    ų: "u",
+    Ŵ: "W",
+    ŵ: "w",
+    Ŷ: "Y",
+    ŷ: "y",
+    Ÿ: "Y",
+    Ź: "Z",
+    Ż: "Z",
+    Ž: "Z",
+    ź: "z",
+    ż: "z",
+    ž: "z",
+    IJ: "IJ",
+    ij: "ij",
+    Œ: "Oe",
+    œ: "oe",
+    ʼn: "'n",
+    ſ: "s"
+  }, t = r(e);
+  return Ir = t, Ir;
+}
+var Cr, Ne;
+function tn() {
+  if (Ne) return Cr;
+  Ne = 1;
+  function r(e, t) {
+    for (var n = -1, o = e == null ? 0 : e.length, u = Array(o); ++n < o; )
+      u[n] = t(e[n], n, e);
+    return u;
+  }
+  return Cr = r, Cr;
+}
+var Er, ke;
+function nn() {
+  if (ke) return Er;
+  ke = 1;
+  var r = j(), e = L(), t = "[object Symbol]";
+  function n(o) {
+    return typeof o == "symbol" || e(o) && r(o) == t;
+  }
+  return Er = n, Er;
+}
+var wr, Me;
+function an() {
+  if (Me) return wr;
+  Me = 1;
+  var r = Br(), e = tn(), t = rt(), n = nn(), o = r ? r.prototype : void 0, u = o ? o.toString : void 0;
+  function i(a) {
+    if (typeof a == "string")
+      return a;
+    if (t(a))
+      return e(a, i) + "";
+    if (n(a))
+      return u ? u.call(a) : "";
+    var c = a + "";
+    return c == "0" && 1 / a == -1 / 0 ? "-0" : c;
+  }
+  return wr = i, wr;
+}
+var Pr, De;
+function nt() {
+  if (De) return Pr;
+  De = 1;
+  var r = an();
+  function e(t) {
+    return t == null ? "" : r(t);
+  }
+  return Pr = e, Pr;
+}
+var Lr, Ue;
+function on() {
+  if (Ue) return Lr;
+  Ue = 1;
+  var r = en(), e = nt(), t = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, n = "\\u0300-\\u036f", o = "\\ufe20-\\ufe2f", u = "\\u20d0-\\u20ff", i = n + o + u, a = "[" + i + "]", c = RegExp(a, "g");
+  function s(p) {
+    return p = e(p), p && p.replace(t, r).replace(c, "");
+  }
+  return Lr = s, Lr;
+}
+var Nr, We;
+function un() {
+  if (We) return Nr;
+  We = 1;
+  var r = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+  function e(t) {
+    return t.match(r) || [];
+  }
+  return Nr = e, Nr;
+}
+var kr, Be;
+function sn() {
+  if (Be) return kr;
+  Be = 1;
+  var r = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+  function e(t) {
+    return r.test(t);
+  }
+  return kr = e, kr;
+}
+var Mr, Fe;
+function cn() {
+  if (Fe) return Mr;
+  Fe = 1;
+  var r = "\\ud800-\\udfff", e = "\\u0300-\\u036f", t = "\\ufe20-\\ufe2f", n = "\\u20d0-\\u20ff", o = e + t + n, u = "\\u2700-\\u27bf", i = "a-z\\xdf-\\xf6\\xf8-\\xff", a = "\\xac\\xb1\\xd7\\xf7", c = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", s = "\\u2000-\\u206f", p = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", b = "A-Z\\xc0-\\xd6\\xd8-\\xde", l = "\\ufe0e\\ufe0f", f = a + c + s + p, v = "['’]", g = "[" + f + "]", _ = "[" + o + "]", A = "\\d+", y = "[" + u + "]", x = "[" + i + "]", T = "[^" + r + f + A + u + i + b + "]", O = "\\ud83c[\\udffb-\\udfff]", q = "(?:" + _ + "|" + O + ")", F = "[^" + r + "]", k = "(?:\\ud83c[\\udde6-\\uddff]){2}", M = "[\\ud800-\\udbff][\\udc00-\\udfff]", h = "[" + b + "]", d = "\\u200d", D = "(?:" + x + "|" + T + ")", S = "(?:" + h + "|" + T + ")", Fr = "(?:" + v + "(?:d|ll|m|re|s|t|ve))?", Gr = "(?:" + v + "(?:D|LL|M|RE|S|T|VE))?", Vr = q + "?", Kr = "[" + l + "]?", ot = "(?:" + d + "(?:" + [F, k, M].join("|") + ")" + Kr + Vr + ")*", ut = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", it = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", st = Kr + Vr + ot, ct = "(?:" + [y, k, M].join("|") + ")" + st, ft = RegExp([
+    h + "?" + x + "+" + Fr + "(?=" + [g, h, "$"].join("|") + ")",
+    S + "+" + Gr + "(?=" + [g, h + D, "$"].join("|") + ")",
+    h + "?" + D + "+" + Fr,
+    h + "+" + Gr,
+    it,
+    ut,
+    A,
+    ct
+  ].join("|"), "g");
+  function dt(lt) {
+    return lt.match(ft) || [];
+  }
+  return Mr = dt, Mr;
+}
+var Dr, Ge;
+function fn() {
+  if (Ge) return Dr;
+  Ge = 1;
+  var r = un(), e = sn(), t = nt(), n = cn();
+  function o(u, i, a) {
+    return u = t(u), i = a ? void 0 : i, i === void 0 ? e(u) ? n(u) : r(u) : u.match(i) || [];
+  }
+  return Dr = o, Dr;
+}
+var Ur, Ve;
+function dn() {
+  if (Ve) return Ur;
+  Ve = 1;
+  var r = Qt(), e = on(), t = fn(), n = "['’]", o = RegExp(n, "g");
+  function u(i) {
+    return function(a) {
+      return r(t(e(a).replace(o, "")), i, "");
+    };
+  }
+  return Ur = u, Ur;
+}
+var Wr, Ke;
+function ln() {
+  if (Ke) return Wr;
+  Ke = 1;
+  var r = dn(), e = r(function(t, n, o) {
+    return t + (o ? "-" : "") + n.toLowerCase();
+  });
+  return Wr = e, Wr;
+}
+var pn = ln();
+const B = /* @__PURE__ */ P(pn);
+function gn({
+  prefix: r,
+  type: e,
+  value: t
+}) {
+  return He(t) ? t ? ["has", "is"].some((o) => e.toString().startsWith(o)) ? `${r}--${B(e)}` : `${r}--is-${B(e)}` : "" : `${r}--${B(e)}-${t}`;
+}
+const vn = (r) => typeof r == "number" ? r === 0 : tt(r);
+function bn({ prefix: r, ...e }) {
+  const t = {};
+  return tt(e) || Object.keys(e).forEach((n) => {
+    t[gn({ prefix: r, type: n, value: e[n] })] = He(e[n]) ? e[n] : !vn(e[n]);
+  }), ze(r, t);
+}
+function yn(r, e) {
+  return `${bt}-${B(r)}`;
+}
+function _n(r, e) {
+  if (!r) return [void 0, e];
+  const [t, n] = r.split("-");
+  return [t, e || n];
+}
+const at = "Icon", E = yn(at), hn = {}, w = {
+  functional: !0,
+  render: (r, e) => {
+    const {
+      className: t,
+      color: n,
+      colorVariant: o,
+      hasShape: u,
+      icon: i,
+      size: a,
+      theme: c,
+      alt: s,
+      ref: p,
+      ...b
+    } = e, [l, f] = _n(n, o);
+    let v = l;
+    !v && (u || c) && (v = c === yt.dark ? U.light : U.dark);
+    let g = f;
+    !g && u && v === U.dark && (g = "L2");
+    let _ = a;
+    return a && u ? a === R.xxs || a === R.xs ? _ = R.s : a === R.xxl && (_ = R.xl) : u && (_ = R.m), r("i", $e([{
+      ref: p
+    }, b, {
+      attrs: {
+        className: ze(t, bn({
+          color: v,
+          colorVariant: g,
+          hasShape: u,
+          prefix: E,
+          theme: c,
+          size: _
+        }), !u && `${E}--no-shape`, !u && v === U.yellow && i === vt && `${E}--has-dark-layer`, `${E}--path`)
+      }
+    }]), [r("svg", {
+      attrs: {
+        "aria-hidden": s ? void 0 : "true",
+        role: s ? "img" : void 0,
+        "aria-label": s,
+        height: "1em",
+        preserveAspectRatio: "xMidYMid meet",
+        viewBox: "0 0 24 24",
+        width: "1em"
+      },
+      style: {
+        verticalAlign: "-0.125em"
+      }
+    }, [r("path", {
+      attrs: {
+        d: i,
+        fill: "currentColor"
+      }
+    })])]);
+  }
+};
+w.displayName = at;
+w.className = E;
+w.defaultProps = hn;
+const $n = gt({
+  name: "Icon",
+  components: {
+    UI: w
+  },
+  setup(r) {
+    return {
+      props: r
+    };
+  },
+  render() {
+    return pt(w, $e([{}, this.props]));
+  }
+});
+export {
+  Dn as Alignment,
+  Fn as AspectRatio,
+  En as BACKSPACE_KEY_CODE,
+  bt as CSS_PREFIX,
+  U as ColorPalette,
+  Kn as ColorVariant,
+  wn as DIALOG_TRANSITION_DURATION,
+  An as DOWN_KEY_CODE,
+  On as ENTER_KEY_CODE,
+  Rn as ESCAPE_KEY_CODE,
+  Pn as EXPANSION_PANEL_TRANSITION_DURATION,
+  Wn as Emphasis,
+  $n as Icon,
+  Gn as Kind,
+  jn as LEFT_KEY_CODE,
+  Ln as NOTIFICATION_TRANSITION_DURATION,
+  Un as Orientation,
+  Sn as RIGHT_KEY_CODE,
+  Nn as SLIDESHOW_TRANSITION_DURATION,
+  qn as SPACE_KEY_CODE,
+  R as Size,
+  In as TAB_KEY_CODE,
+  kn as TOOLTIP_HOVER_DELAY,
+  Mn as TOOLTIP_LONG_PRESS_DELAY,
+  yt as Theme,
+  Bn as Typography,
+  mt as TypographyCustom,
+  _t as TypographyInterface,
+  ht as TypographyTitleCustom,
+  Cn as UP_KEY_CODE,
+  Vn as WhiteSpace
+};

package/package.json

@@ -0,0 +1,121 @@
+{
+  "author": {
+    "name": "LumApps"
+  },
+  "bugs": {
+    "url": "https://github.com/lumapps/design-system/issues"
+  },
+  "dependencies": {
+    "@lumx/core": "^3.19.1-alpha.10",
+    "@lumx/icons": "^3.19.1-alpha.10",
+    "vue-demi": "^0.14.10"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.26.10",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-export-default-from": "^7.25.9",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+    "@babel/plugin-proposal-private-methods": "^7.18.6",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-syntax-jsx": "^7.27.1",
+    "@babel/plugin-transform-react-jsx": "^7.27.1",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-typescript": "^7.26.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^19.0.2",
+    "@rollup/plugin-node-resolve": "16.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@rollup/pluginutils": "5.2.0",
+    "@storybook/addon-a11y": "^9.1.4",
+    "@storybook/addon-docs": "^9.1.4",
+    "@storybook/vue3-vite": "9.1.16",
+    "@testing-library/dom": "^9.3.4",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/vue": "^8.1.0",
+    "@types/body-scroll-lock": "^2.6.1",
+    "@types/classnames": "^2.2.9",
+    "@types/dom-view-transitions": "^1.0.5",
+    "@types/jest": "^29.2.1",
+    "@types/lodash": "^4.14.149",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitejs/plugin-vue-jsx": "^5.1.2",
+    "@vitejs/plugin-vue2-jsx": "^1.1.1",
+    "@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
+    "@vue/babel-plugin-jsx": "^2.0.1",
+    "@vue/babel-preset-jsx": "^1.4.0",
+    "@vue/composition-api": "1.7.2",
+    "autoprefixer": "^9.7.4",
+    "babel-jest": "29.1.2",
+    "babel-loader": "^8.0.6",
+    "eslint-plugin-storybook": "9.1.16",
+    "eslint-plugin-vue": "^10.5.0",
+    "focus-visible": "^5.0.2",
+    "glob": "^7.1.6",
+    "install-peers-cli": "^2.2.0",
+    "is-ci": "^2.0.0",
+    "jest": "29.1.2",
+    "jest-environment-jsdom": "29.1.2",
+    "node-notifier": "^10.0.1",
+    "rollup": "3.29.5",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-cleaner": "^1.0.0",
+    "rollup-plugin-copy": "^3.5.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-ts-paths-resolve": "^1.7.1",
+    "rollup-plugin-vue": "^6.0.0",
+    "storybook": "^9.1.4",
+    "typescript": "^5.4.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^4.0.10",
+    "vue": "^3.4.27",
+    "vue2": "npm:vue@2.6",
+    "yargs": "^15.4.1"
+  },
+  "peerDependencies": {
+    "@vue/composition-api": "^1.1.2",
+    "lodash": "4.17.21",
+    "vue": "^2.6.0 || ^3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    }
+  },
+  "description": "The official LumApps Design System (LumX) for Vue applications",
+  "homepage": "https://github.com/lumapps/design-system",
+  "keywords": [
+    "Design System",
+    "LumApps",
+    "LumX",
+    "Vue"
+  ],
+  "license": "MIT",
+  "module": "index.js",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "name": "@lumx/vue",
+  "publishConfig": {
+    "directory": "dist",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/lumapps/design-system.git"
+  },
+  "scripts": {
+    "start:storybook": "storybook dev -p 6007",
+    "build:storybook": "storybook build",
+    "test": "vue-demi-switch 3 && vitest",
+    "build": "vite build",
+    "storybook:vue3": "vue-demi-switch 3 && yarn start:storybook",
+    "storybook:vue2": "vue-demi-switch 2 vue2 && yarn start:storybook"
+  },
+  "sideEffects": false,
+  "version": "3.19.1-alpha.10"
+}

package/src/Icon.stories.tsx

@@ -0,0 +1,17 @@
+import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
+
+import { Icon } from '.';
+
+export default {
+    title: 'LumX components/icon/Icon',
+    component: Icon,
+    ...DefaultStory,
+};
+
+export const SizeAndShape = {
+    ...DefaultSizeAndShape,
+    argTypes: {
+        hasShape: { control: false },
+        size: { control: false },
+    },
+};

package/src/Icon.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/vue';
+import Tests from '@lumx/core/js/components/Icon/Tests';
+import { Icon, IconProps } from '.';
+
+describe(`<${Icon.displayName}>`, () => {
+    Tests((props: IconProps) => {
+        render(Icon, { props });
+    });
+});

package/src/Icon.tsx

@@ -0,0 +1,15 @@
+import { defineComponent } from 'vue-demi';
+import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
+
+export default defineComponent({
+    name: 'Icon',
+    components: {
+        UI,
+    },
+    setup(props: IconProps) {
+        return { props };
+    },
+    render() {
+        return <UI {...this.props} />;
+    },
+});

package/src/components/icon/Icon.stories.tsx

@@ -0,0 +1,17 @@
+import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
+
+import { Icon } from '.';
+
+export default {
+    title: 'LumX components/icon/Icon',
+    component: Icon,
+    ...DefaultStory,
+};
+
+export const SizeAndShape = {
+    ...DefaultSizeAndShape,
+    argTypes: {
+        hasShape: { control: false },
+        size: { control: false },
+    },
+};

package/src/components/icon/Icon.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/vue';
+import Tests from '@lumx/core/js/components/Icon/Tests';
+import { Icon, IconProps } from '.';
+
+describe(`<${Icon.displayName}>`, () => {
+    Tests((props: IconProps) => {
+        render(Icon, { props });
+    });
+});

package/src/components/icon/Icon.tsx

@@ -0,0 +1,15 @@
+import { defineComponent } from 'vue-demi';
+import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
+
+export default defineComponent({
+    name: 'Icon',
+    components: {
+        UI,
+    },
+    setup(props: IconProps) {
+        return { props };
+    },
+    render() {
+        return <UI {...this.props} />;
+    },
+});

package/src/components/icon/index.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '@lumx/core/js/components/Icon';
+
+import Icon from './Icon';
+
+export { Icon };
+export type { IconProps };

package/src/icon/Icon.stories.tsx

@@ -0,0 +1,17 @@
+import DefaultStory, { SizeAndShape as DefaultSizeAndShape } from '@lumx/core/js/components/Icon/Stories';
+
+import { Icon } from '.';
+
+export default {
+    title: 'LumX components/icon/Icon',
+    component: Icon,
+    ...DefaultStory,
+};
+
+export const SizeAndShape = {
+    ...DefaultSizeAndShape,
+    argTypes: {
+        hasShape: { control: false },
+        size: { control: false },
+    },
+};

package/src/icon/Icon.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/vue';
+import Tests from '@lumx/core/js/components/Icon/Tests';
+import { Icon, IconProps } from '.';
+
+describe(`<${Icon.displayName}>`, () => {
+    Tests((props: IconProps) => {
+        render(Icon, { props });
+    });
+});

package/src/icon/Icon.tsx

@@ -0,0 +1,15 @@
+import { defineComponent } from 'vue-demi';
+import { IconProps, Icon as UI } from '@lumx/core/js/components/Icon';
+
+export default defineComponent({
+    name: 'Icon',
+    components: {
+        UI,
+    },
+    setup(props: IconProps) {
+        return { props };
+    },
+    render() {
+        return <UI {...this.props} />;
+    },
+});

package/src/icon/index.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '@lumx/core/js/components/Icon';
+
+import Icon from './Icon';
+
+export { Icon };
+export type { IconProps };

package/src/index.ts

@@ -0,0 +1,6 @@
+import { IconProps } from '@lumx/core/js/components/Icon';
+
+import Icon from './Icon';
+
+export { Icon };
+export type { IconProps };