@indielayer/ui 1.0.9 → 1.1.0

package/lib/node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.4/node_modules/@vueuse/core/index.js

@@ -0,0 +1,379 @@
+import { noop as j, toValue as L, tryOnScopeDispose as k, isIOS as G, useThrottleFn as Q, isClient as N, increaseWithUnit as U, toRef as J, useDebounceFn as K } from "../../../../@vueuse_shared@10.2.0_vue@3.3.4/node_modules/@vueuse/shared/index.js";
+import { createFilterWrapper as Oe, debounceFilter as ge, throttleFilter as Se } from "../../../../@vueuse_shared@10.2.0_vue@3.3.4/node_modules/@vueuse/shared/index.js";
+import { watch as F, computed as g, ref as T, reactive as D, watchEffect as Z, getCurrentInstance as ee, onMounted as te } from "vue";
+function _(e) {
+  var o;
+  const r = L(e);
+  return (o = r == null ? void 0 : r.$el) != null ? o : r;
+}
+const P = N ? window : void 0;
+function S(...e) {
+  let o, r, n, s;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([r, n, s] = e, o = P) : [o, r, n, s] = e, !o)
+    return j;
+  Array.isArray(r) || (r = [r]), Array.isArray(n) || (n = [n]);
+  const v = [], u = () => {
+    v.forEach((p) => p()), v.length = 0;
+  }, t = (p, m, l, a) => (p.addEventListener(m, l, a), () => p.removeEventListener(m, l, a)), i = F(
+    () => [_(o), L(s)],
+    ([p, m]) => {
+      u(), p && v.push(
+        ...r.flatMap((l) => n.map((a) => t(p, l, a, m)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), d = () => {
+    i(), u();
+  };
+  return k(d), d;
+}
+let X = !1;
+function de(e, o, r = {}) {
+  const { window: n = P, ignore: s = [], capture: v = !0, detectIframe: u = !1 } = r;
+  if (!n)
+    return;
+  G && !X && (X = !0, Array.from(n.document.body.children).forEach((l) => l.addEventListener("click", j)));
+  let t = !0;
+  const i = (l) => s.some((a) => {
+    if (typeof a == "string")
+      return Array.from(n.document.querySelectorAll(a)).some((h) => h === l.target || l.composedPath().includes(h));
+    {
+      const h = _(a);
+      return h && (l.target === h || l.composedPath().includes(h));
+    }
+  }), p = [
+    S(n, "click", (l) => {
+      const a = _(e);
+      if (!(!a || a === l.target || l.composedPath().includes(a))) {
+        if (l.detail === 0 && (t = !i(l)), !t) {
+          t = !0;
+          return;
+        }
+        o(l);
+      }
+    }, { passive: !0, capture: v }),
+    S(n, "pointerdown", (l) => {
+      const a = _(e);
+      a && (t = !l.composedPath().includes(a) && !i(l));
+    }, { passive: !0 }),
+    u && S(n, "blur", (l) => {
+      setTimeout(() => {
+        var a;
+        const h = _(e);
+        ((a = n.document.activeElement) == null ? void 0 : a.tagName) === "IFRAME" && !(h != null && h.contains(n.document.activeElement)) && o(l);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => p.forEach((l) => l());
+}
+function ne() {
+  const e = T(!1);
+  return ee() && te(() => {
+    e.value = !0;
+  }), e;
+}
+function q(e) {
+  const o = ne();
+  return g(() => (o.value, !!e()));
+}
+function W(e, o = {}) {
+  const { window: r = P } = o, n = q(() => r && "matchMedia" in r && typeof r.matchMedia == "function");
+  let s;
+  const v = T(!1), u = () => {
+    s && ("removeEventListener" in s ? s.removeEventListener("change", t) : s.removeListener(t));
+  }, t = () => {
+    n.value && (u(), s = r.matchMedia(J(e).value), v.value = !!(s != null && s.matches), s && ("addEventListener" in s ? s.addEventListener("change", t) : s.addListener(t)));
+  };
+  return Z(t), k(() => u()), v;
+}
+const pe = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function ve(e, o = {}) {
+  function r(t, i) {
+    let d = e[t];
+    return i != null && (d = U(d, i)), typeof d == "number" && (d = `${d}px`), d;
+  }
+  const { window: n = P } = o;
+  function s(t) {
+    return n ? n.matchMedia(t).matches : !1;
+  }
+  const v = (t) => W(`(min-width: ${r(t)})`, o), u = Object.keys(e).reduce((t, i) => (Object.defineProperty(t, i, {
+    get: () => v(i),
+    enumerable: !0,
+    configurable: !0
+  }), t), {});
+  return Object.assign(u, {
+    greater(t) {
+      return W(`(min-width: ${r(t, 0.1)})`, o);
+    },
+    greaterOrEqual: v,
+    smaller(t) {
+      return W(`(max-width: ${r(t, -0.1)})`, o);
+    },
+    smallerOrEqual(t) {
+      return W(`(max-width: ${r(t)})`, o);
+    },
+    between(t, i) {
+      return W(`(min-width: ${r(t)}) and (max-width: ${r(i, -0.1)})`, o);
+    },
+    isGreater(t) {
+      return s(`(min-width: ${r(t, 0.1)})`);
+    },
+    isGreaterOrEqual(t) {
+      return s(`(min-width: ${r(t)})`);
+    },
+    isSmaller(t) {
+      return s(`(max-width: ${r(t, -0.1)})`);
+    },
+    isSmallerOrEqual(t) {
+      return s(`(max-width: ${r(t)})`);
+    },
+    isInBetween(t, i) {
+      return s(`(min-width: ${r(t)}) and (max-width: ${r(i, -0.1)})`);
+    },
+    current() {
+      const t = Object.keys(e).map((i) => [i, v(i)]);
+      return g(() => t.filter(([, i]) => i.value).map(([i]) => i));
+    }
+  });
+}
+var Y = Object.getOwnPropertySymbols, re = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable, se = (e, o) => {
+  var r = {};
+  for (var n in e)
+    re.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Y)
+    for (var n of Y(e))
+      o.indexOf(n) < 0 && oe.call(e, n) && (r[n] = e[n]);
+  return r;
+};
+function me(e, o, r = {}) {
+  const n = r, { window: s = P } = n, v = se(n, ["window"]);
+  let u;
+  const t = q(() => s && "MutationObserver" in s), i = () => {
+    u && (u.disconnect(), u = void 0);
+  }, d = F(
+    () => _(e),
+    (m) => {
+      i(), t.value && s && m && (u = new MutationObserver(o), u.observe(m, v));
+    },
+    { immediate: !0 }
+  ), p = () => {
+    i(), d();
+  };
+  return k(p), {
+    isSupported: t,
+    stop: p
+  };
+}
+var z = Object.getOwnPropertySymbols, ie = Object.prototype.hasOwnProperty, le = Object.prototype.propertyIsEnumerable, ae = (e, o) => {
+  var r = {};
+  for (var n in e)
+    ie.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && z)
+    for (var n of z(e))
+      o.indexOf(n) < 0 && le.call(e, n) && (r[n] = e[n]);
+  return r;
+};
+function he(e, o, r = {}) {
+  const n = r, { window: s = P } = n, v = ae(n, ["window"]);
+  let u;
+  const t = q(() => s && "ResizeObserver" in s), i = () => {
+    u && (u.disconnect(), u = void 0);
+  }, d = g(
+    () => Array.isArray(e) ? e.map((l) => _(l)) : [_(e)]
+  ), p = F(
+    d,
+    (l) => {
+      if (i(), t.value && s) {
+        u = new ResizeObserver(o);
+        for (const a of l)
+          a && u.observe(a, v);
+      }
+    },
+    { immediate: !0, flush: "post", deep: !0 }
+  ), m = () => {
+    i(), p();
+  };
+  return k(m), {
+    isSupported: t,
+    stop: m
+  };
+}
+const V = 1;
+function be(e, o = {}) {
+  const {
+    throttle: r = 0,
+    idle: n = 200,
+    onStop: s = j,
+    onScroll: v = j,
+    offset: u = {
+      left: 0,
+      right: 0,
+      top: 0,
+      bottom: 0
+    },
+    eventListenerOptions: t = {
+      capture: !1,
+      passive: !0
+    },
+    behavior: i = "auto"
+  } = o, d = T(0), p = T(0), m = g({
+    get() {
+      return d.value;
+    },
+    set(f) {
+      a(f, void 0);
+    }
+  }), l = g({
+    get() {
+      return p.value;
+    },
+    set(f) {
+      a(void 0, f);
+    }
+  });
+  function a(f, y) {
+    var x, A, c;
+    const w = L(e);
+    w && ((c = w instanceof Document ? document.body : w) == null || c.scrollTo({
+      top: (x = L(y)) != null ? x : l.value,
+      left: (A = L(f)) != null ? A : m.value,
+      behavior: L(i)
+    }));
+  }
+  const h = T(!1), b = D({
+    left: !0,
+    right: !1,
+    top: !0,
+    bottom: !1
+  }), E = D({
+    left: !1,
+    right: !1,
+    top: !1,
+    bottom: !1
+  }), I = (f) => {
+    h.value && (h.value = !1, E.left = !1, E.right = !1, E.top = !1, E.bottom = !1, s(f));
+  }, C = K(I, r + n), R = (f) => {
+    const y = f === window ? f.document.documentElement : f === document ? f.documentElement : f, { display: x, flexDirection: A } = getComputedStyle(y), c = y.scrollLeft;
+    E.left = c < d.value, E.right = c > d.value;
+    const w = Math.abs(c) <= 0 + (u.left || 0), $ = Math.abs(c) + y.clientWidth >= y.scrollWidth - (u.right || 0) - V;
+    x === "flex" && A === "row-reverse" ? (b.left = $, b.right = w) : (b.left = w, b.right = $), d.value = c;
+    let M = y.scrollTop;
+    f === document && !M && (M = document.body.scrollTop), E.top = M < p.value, E.bottom = M > p.value;
+    const B = Math.abs(M) <= 0 + (u.top || 0), H = Math.abs(M) + y.clientHeight >= y.scrollHeight - (u.bottom || 0) - V;
+    x === "flex" && A === "column-reverse" ? (b.top = H, b.bottom = B) : (b.top = B, b.bottom = H), p.value = M;
+  }, O = (f) => {
+    const y = f.target === document ? f.target.documentElement : f.target;
+    R(y), h.value = !0, C(f), v(f);
+  };
+  return S(
+    e,
+    "scroll",
+    r ? Q(O, r, !0, !1) : O,
+    t
+  ), S(
+    e,
+    "scrollend",
+    I,
+    t
+  ), {
+    x: m,
+    y: l,
+    isScrolling: h,
+    arrivedState: b,
+    directions: E,
+    measure() {
+      const f = L(e);
+      f && R(f);
+    }
+  };
+}
+function we(e, o = {}) {
+  const {
+    threshold: r = 50,
+    onSwipe: n,
+    onSwipeEnd: s,
+    onSwipeStart: v,
+    passive: u = !0,
+    window: t = P
+  } = o, i = D({ x: 0, y: 0 }), d = D({ x: 0, y: 0 }), p = g(() => i.x - d.x), m = g(() => i.y - d.y), { max: l, abs: a } = Math, h = g(() => l(a(p.value), a(m.value)) >= r), b = T(!1), E = g(() => h.value ? a(p.value) > a(m.value) ? p.value > 0 ? "left" : "right" : m.value > 0 ? "up" : "down" : "none"), I = (c) => [c.touches[0].clientX, c.touches[0].clientY], C = (c, w) => {
+    i.x = c, i.y = w;
+  }, R = (c, w) => {
+    d.x = c, d.y = w;
+  };
+  let O;
+  const f = ue(t == null ? void 0 : t.document);
+  u ? O = f ? { passive: !0 } : { capture: !1 } : O = f ? { passive: !1, capture: !0 } : { capture: !0 };
+  const y = (c) => {
+    b.value && (s == null || s(c, E.value)), b.value = !1;
+  }, x = [
+    S(e, "touchstart", (c) => {
+      if (c.touches.length !== 1)
+        return;
+      O.capture && !O.passive && c.preventDefault();
+      const [w, $] = I(c);
+      C(w, $), R(w, $), v == null || v(c);
+    }, O),
+    S(e, "touchmove", (c) => {
+      if (c.touches.length !== 1)
+        return;
+      const [w, $] = I(c);
+      R(w, $), !b.value && h.value && (b.value = !0), b.value && (n == null || n(c));
+    }, O),
+    S(e, "touchend", y, O),
+    S(e, "touchcancel", y, O)
+  ];
+  return {
+    isPassiveEventSupported: f,
+    isSwiping: b,
+    direction: E,
+    coordsStart: i,
+    coordsEnd: d,
+    lengthX: p,
+    lengthY: m,
+    stop: () => x.forEach((c) => c())
+  };
+}
+function ue(e) {
+  if (!e)
+    return !1;
+  let o = !1;
+  const r = {
+    get passive() {
+      return o = !0, !1;
+    }
+  };
+  return e.addEventListener("x", j, r), e.removeEventListener("x", j), o;
+}
+export {
+  pe as breakpointsTailwind,
+  Oe as createFilterWrapper,
+  ge as debounceFilter,
+  P as defaultWindow,
+  U as increaseWithUnit,
+  N as isClient,
+  G as isIOS,
+  j as noop,
+  de as onClickOutside,
+  Se as throttleFilter,
+  J as toRef,
+  L as toValue,
+  k as tryOnScopeDispose,
+  _ as unrefElement,
+  ve as useBreakpoints,
+  K as useDebounceFn,
+  S as useEventListener,
+  W as useMediaQuery,
+  ne as useMounted,
+  me as useMutationObserver,
+  he as useResizeObserver,
+  be as useScroll,
+  q as useSupported,
+  we as useSwipe,
+  Q as useThrottleFn
+};

package/lib/node_modules/.pnpm/@vueuse_shared@10.2.0_vue@3.3.4/node_modules/@vueuse/shared/index.js

@@ -0,0 +1,90 @@
+import { getCurrentScope as y, onScopeDispose as x, unref as F, toRef as P, readonly as R, customRef as b, ref as S } from "vue";
+function C(e) {
+  return y() ? (x(e), !0) : !1;
+}
+function w(e) {
+  return typeof e == "function" ? e() : F(e);
+}
+const N = typeof window < "u", f = () => {
+}, I = /* @__PURE__ */ O();
+function O() {
+  var e;
+  return N && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+}
+function v(e, n) {
+  function r(...t) {
+    return new Promise((i, o) => {
+      Promise.resolve(e(() => n.apply(this, t), { fn: n, thisArg: this, args: t })).then(i).catch(o);
+    });
+  }
+  return r;
+}
+function g(e, n = {}) {
+  let r, t, i = f;
+  const o = (u) => {
+    clearTimeout(u), i(), i = f;
+  };
+  return (u) => {
+    const l = w(e), s = w(n.maxWait);
+    return r && o(r), l <= 0 || s !== void 0 && s <= 0 ? (t && (o(t), t = null), Promise.resolve(u())) : new Promise((a, p) => {
+      i = n.rejectOnCancel ? p : a, s && !t && (t = setTimeout(() => {
+        r && o(r), t = null, a(u());
+      }, s)), r = setTimeout(() => {
+        t && o(t), t = null, a(u());
+      }, l);
+    });
+  };
+}
+function j(e, n = !0, r = !0, t = !1) {
+  let i = 0, o, c = !0, u = f, l;
+  const s = () => {
+    o && (clearTimeout(o), o = void 0, u(), u = f);
+  };
+  return (p) => {
+    const m = w(e), h = Date.now() - i, d = () => l = p();
+    return s(), m <= 0 ? (i = Date.now(), d()) : (h > m && (r || !c) ? (i = Date.now(), d()) : n && (l = new Promise((T, D) => {
+      u = t ? D : T, o = setTimeout(() => {
+        i = Date.now(), c = !0, T(d()), s();
+      }, Math.max(0, m - h));
+    })), !r && !o && (o = setTimeout(() => c = !0, m)), c = !1, l);
+  };
+}
+function W(e, n) {
+  var r;
+  if (typeof e == "number")
+    return e + n;
+  const t = ((r = e.match(/^-?[0-9]+\.?[0-9]*/)) == null ? void 0 : r[0]) || "", i = e.slice(t.length), o = Number.parseFloat(t) + n;
+  return Number.isNaN(o) ? e : o + i;
+}
+function _(...e) {
+  if (e.length !== 1)
+    return P(...e);
+  const n = e[0];
+  return typeof n == "function" ? R(b(() => ({ get: n, set: f }))) : S(n);
+}
+function V(e, n = 200, r = {}) {
+  return v(
+    g(n, r),
+    e
+  );
+}
+function E(e, n = 200, r = !1, t = !0, i = !1) {
+  return v(
+    j(n, r, t, i),
+    e
+  );
+}
+export {
+  v as createFilterWrapper,
+  g as debounceFilter,
+  W as increaseWithUnit,
+  N as isClient,
+  I as isIOS,
+  f as noop,
+  j as throttleFilter,
+  _ as toRef,
+  w as toValue,
+  C as tryOnScopeDispose,
+  V as useDebounceFn,
+  E as useThrottleFn
+};

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.0.9";
+declare const _default: "1.1.0";
 export default _default;

package/lib/version.js

@@ -0,0 +1,4 @@
+const e = "1.1.0";
+export {
+  e as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -21,74 +21,59 @@
     "lib",
     "src",
     "*.d.ts",
+    "exports",
     "README.md"
   ],
-  "main": "lib/index.cjs.js",
-  "module": "lib/index.es.js",
-  "typings": "lib/index.d.ts",
+  "main": "lib/index.umd.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/index.es.js",
-      "require": "./lib/index.cjs.js"
+      "import": "./lib/index.js",
+      "require": "./lib/index.umd.js",
+      "types": "./lib/index.d.ts"
     },
-    "./nuxt": "./lib/nuxt.js",
-    "./style": "./lib/style.css",
-    "./styles": "./lib/style.css",
-    "./nuxt.plugin": "./lib/nuxt.plugin.js",
-    "./nuxt.plugin.js": "./lib/nuxt.plugin.js",
-    "./tailwind.preset": "./lib/tailwind.preset.js",
-    "./tailwind.preset.js": "./lib/tailwind.preset.js"
+    "./nuxt": "./exports/nuxt.mjs",
+    "./nuxt.plugin": "./exports/nuxt.plugin.js",
+    "./nuxt.plugin.js": "./exports/nuxt.plugin.js",
+    "./tailwind.preset": "./exports/tailwind.preset.js",
+    "./tailwind.preset.js": "./exports/tailwind.preset.js"
   },
   "sideEffects": false,
-  "scripts": {
-    "dev": "vite build --watch",
-    "dev2": "pnpm build-only && chokidar \"./src/**\" -c \"pnpm build-only\"",
-    "build": "pnpm generate && vite build",
-    "build-prod": "pnpm build && pnpm gen-types",
-    "build-only": "vite build",
-    "generate": "pnpm gen-version",
-    "gen-types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.vitest.json --composite false",
-    "gen-version": "node .scripts/gen-version.js",
-    "test": "pnpm test:unit",
-    "test:unit": "vitest --environment jsdom",
-    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
-    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
-    "prepublish": "pnpm build-prod"
-  },
   "peerDependencies": {
     "tailwindcss": "^3.0.0",
     "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@cypress/vite-dev-server": "^2.2.2",
-    "@cypress/vue": "^3.1.1",
-    "@rushstack/eslint-patch": "^1.1.3",
-    "@types/jsdom": "^16.2.14",
-    "@types/node": "^17.0.30",
-    "@types/ramda": "^0.28.15",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
-    "@vue/test-utils": "^2.0.0-rc.20",
-    "@vue/tsconfig": "^0.1.3",
-    "@vueuse/core": "^8.4.2",
+    "@cypress/vite-dev-server": "^5.0.5",
+    "@cypress/vue": "^5.0.5",
+    "@indielayer/stylelint-config": "^1.0.0",
+    "@rushstack/eslint-patch": "^1.3.2",
+    "@tsconfig/node18": "^2.0.1",
+    "@types/jsdom": "^21.1.1",
+    "@types/node": "^18.16.18",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "@vue/test-utils": "^2.4.0",
+    "@vue/tsconfig": "^0.4.0",
+    "@vueuse/core": "^10.2.0",
     "autoprefixer": "^10.4.0",
     "c8": "^7.12.0",
-    "chokidar-cli": "^3.0.0",
     "clean-css": "^5.3.0",
-    "cypress": "^9.6.0",
-    "eslint": "^8.16.0",
-    "eslint-plugin-cypress": "^2.12.1",
-    "jsdom": "^19.0.0",
+    "cypress": "^12.16.0",
+    "eslint": "^8.43.0",
+    "eslint-plugin-cypress": "^2.13.3",
+    "jsdom": "^22.1.0",
     "postcss": "^8.4.4",
-    "ramda": "^0.28.0",
+    "rollup-plugin-visualizer": "^5.9.2",
     "start-server-and-test": "^1.14.0",
-    "tailwindcss": "^3.0.0",
-    "typescript": "~4.6.3",
-    "vite": "^2.9.5",
-    "vitest": "^0.9.3",
-    "vue": "^3.2.33",
-    "vue-tsc": "^0.34.15"
+    "stylelint": "^14.16.1",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.11",
+    "vitest": "^0.32.2",
+    "vue": "^3.3.4",
+    "vue-tsc": "^1.8.2"
   },
   "browserslist": [
     "> 1%",
@@ -107,5 +92,20 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a0f4604dcfefeb75b4b1119b54181efe6a6aa855"
-}
+  "scripts": {
+    "dev": "pnpm generate && vite build --watch",
+    "build": "pnpm generate && vite build",
+    "build:prod": "pnpm build && pnpm gen-types",
+    "build:only": "vite build",
+    "build:stats": "VITE_VISUALIZER=Y npm run build",
+    "generate": "pnpm gen-version",
+    "gen-types": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.vitest.json --composite false",
+    "gen-version": "node .scripts/gen-version.js",
+    "test": "pnpm test:unit",
+    "test:unit": "vitest --environment jsdom",
+    "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
+    "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
+    "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "stylelint": "stylelint \"**/*.{css,vue,postcss,scss,sass}\" --ignore-path .gitignore"
+  }
+}

package/src/common/utils.ts

@@ -1,7 +1,9 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import { unref, isRef } from 'vue'
 
-const isObject = (val: any) => val !== null && typeof val === 'object'
-const isArray = Array.isArray
+export const isObject = (val: unknown): val is object => val !== null && typeof val === 'object'
+export const isArray = (val: unknown): val is [] => Array.isArray(val)
+export const isFunction = (val: unknown): val is Function => typeof val === 'function'
 
 /**
  * Deeply unref a value, recursing into objects and arrays.
@@ -66,3 +68,24 @@ export const unrefObject = (obj: any) => {
 
   return unreffed
 }
+
+export const mergeRightDeep = (source: any = {}, target: any = {}) => {
+  const sourceKeys = Object.keys(source)
+  const targetKeys = Object.keys(target)
+
+  const merged = { ...source }
+
+  targetKeys.forEach((key) => {
+    if (sourceKeys.includes(key)) {
+      if (isObject(source[key]) && isObject(target[key])) {
+        merged[key] = mergeRightDeep(source[key], target[key])
+      } else {
+        merged[key] = target[key]
+      }
+    } else {
+      merged[key] = target[key]
+    }
+  })
+
+  return merged
+}

package/src/components/alert/Alert.theme.ts

@@ -1,13 +1,20 @@
-import type { ThemeParams } from '../../composables/theme'
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme'
+import type { AlertProps } from './Alert.vue'
 
-export default {
+type InternalClasses = 'wrapper'
+
+interface InternalTheme extends ThemeComponent<AlertProps, InternalClasses> {}
+export interface AlertTheme extends Omit<InternalTheme, 'classes'> {
+  classes?: Partial<ThemeClasses<AlertProps, InternalClasses>>;
+}
+
+const theme: InternalTheme = {
   classes: {
-    /*tw*/
-    wrapper: 'flex rounded-md space-x-2 px-4 py-2 border items-center',
+    wrapper: 'flex items-center rounded-md space-x-2 px-4 py-2 border',
   },
-  styles: ({ props, colors, css }: ThemeParams) => {
+  styles: ({ props, colors, css }) => {
     const color = colors.getPalette(props.color)
-    const vars: (object | string)[] = []
+    const vars = []
 
     if (props.glow) vars.push(css.get('glow', colors.getColorOpacity(color[500], 0.5)))
 
@@ -55,3 +62,5 @@ export default {
     return vars
   },
 }
+
+export default theme