@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/alert/Alert.vue.js

@@ -1,9 +0,0 @@
-import s from "./Alert.vue2.js";
-import o from "./Alert.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};

package/lib/components/alert/Alert.vue2.js

@@ -1,62 +0,0 @@
-import { defineComponent as v, computed as g, openBlock as t, createElementBlock as a, normalizeStyle as k, unref as l, normalizeClass as b, renderSlot as n, createBlock as w, createCommentVNode as i, createElementVNode as s, Fragment as B, createVNode as $ } from "vue";
-import { useColors as I } from "../../composables/useColors.js";
-import { useTheme as C } from "../../composables/useTheme.js";
-import { infoIcon as N, successIcon as S, errorIcon as V, warningIcon as z, closeIcon as A } from "../../common/icons.js";
-import c from "../icon/Icon.vue.js";
-const E = ["aria-label"], L = ["info", "success", "error", "warning"], T = {
-  ...I.props(),
-  type: String,
-  glow: Boolean,
-  light: Boolean,
-  outlined: Boolean,
-  removable: Boolean,
-  closeLabel: String
-}, h = {
-  name: "XAlert",
-  validators: {
-    type: L
-  }
-}, D = /* @__PURE__ */ v({
-  ...h,
-  props: T,
-  emits: ["remove"],
-  setup(m) {
-    const o = m, p = g(() => o.type === "info" ? N : o.type === "success" ? S : o.type === "error" ? V : o.type === "warning" ? z : ""), { styles: u, classes: f, className: d } = C("Alert", {}, o);
-    return (e, r) => (t(), a("div", {
-      style: k(l(u)),
-      class: b([
-        l(d),
-        e.$style.alert,
-        e.glow ? e.$style["alert--glow"] : "",
-        l(f).wrapper
-      ])
-    }, [
-      n(e.$slots, "icon", {}, () => [
-        e.type ? (t(), w(c, {
-          key: 0,
-          icon: p.value,
-          class: "text-[color:var(--x-alert-icon)] dark:text-[color:var(--x-alert-dark-icon)]"
-        }, null, 8, ["icon"])) : i("", !0)
-      ]),
-      s("div", null, [
-        n(e.$slots, "default")
-      ]),
-      e.removable ? (t(), a(B, { key: 0 }, [
-        r[1] || (r[1] = s("div", { class: "flex-grow" }, null, -1)),
-        s("button", {
-          type: "button",
-          class: "shrink-0",
-          "aria-label": e.closeLabel,
-          onClick: r[0] || (r[0] = (y) => e.$emit("remove", y))
-        }, [
-          n(e.$slots, "removeIcon", {}, () => [
-            $(c, { icon: l(A) }, null, 8, ["icon"])
-          ])
-        ], 8, E)
-      ], 64)) : i("", !0)
-    ], 6));
-  }
-});
-export {
-  D as default
-};

package/lib/components/alert/Alert.vue3.js

@@ -1,8 +0,0 @@
-const l = "_alert_rqxly_2", t = {
-  alert: l,
-  "alert--glow": "_alert--glow_rqxly_1"
-};
-export {
-  l as alert,
-  t as default
-};

package/lib/components/alert/__tests__/Alert.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/avatar/Avatar.vue.js

@@ -1,9 +0,0 @@
-import s from "./Avatar.vue2.js";
-import o from "./Avatar.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: o
-}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
-export {
-  f as default
-};

package/lib/components/avatar/Avatar.vue2.js

@@ -1,76 +0,0 @@
-import { defineComponent as f, ref as g, computed as v, watch as y, openBlock as n, createBlock as h, resolveDynamicComponent as w, normalizeStyle as C, unref as r, normalizeClass as S, withCtx as _, createElementBlock as s, createCommentVNode as l, toDisplayString as k, renderSlot as z, createVNode as B } from "vue";
-import { useCommon as i } from "../../composables/useCommon.js";
-import { useColors as I } from "../../composables/useColors.js";
-import { useTheme as N } from "../../composables/useTheme.js";
-import { avatarIcon as $ } from "../../common/icons.js";
-import b from "../icon/Icon.vue.js";
-const A = ["alt", "src"], D = {
-  key: 1,
-  class: "leading-none"
-}, V = {
-  ...i.props(),
-  ...I.props("primary"),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  name: String,
-  alt: String,
-  image: String,
-  outlined: Boolean,
-  rounded: Boolean
-}, E = {
-  name: "XAvatar",
-  validators: i.validators()
-}, F = /* @__PURE__ */ f({
-  ...E,
-  props: V,
-  setup(m) {
-    const a = m, o = g(), p = v(() => {
-      if (a.name) {
-        const e = a.name.match(/\b\w/g) || [];
-        return ((e.shift() || "") + (e.pop() || "")).toUpperCase();
-      }
-      return "";
-    });
-    typeof window < "u" && Image && y(() => a.image, (e) => {
-      if (o.value = void 0, !e)
-        return;
-      const t = new Image();
-      t.onload = () => {
-        o.value = a.image;
-      }, t.onerror = () => {
-      }, t.src = e;
-    }, {
-      immediate: !0
-    });
-    const { styles: c, classes: u, className: d } = N("Avatar", {}, a, { source: o });
-    return (e, t) => (n(), h(w(e.tag), {
-      style: C(r(c)),
-      class: S([
-        r(d),
-        e.$style.avatar,
-        r(u).wrapper
-      ])
-    }, {
-      default: _(() => [
-        o.value ? (n(), s("img", {
-          key: 0,
-          alt: e.alt,
-          src: e.image,
-          class: "absolute top-0 left-0 h-full w-full"
-        }, null, 8, A)) : l("", !0),
-        e.name ? (n(), s("span", D, k(p.value), 1)) : e.name ? l("", !0) : z(e.$slots, "avatarIcon", { key: 2 }, () => [
-          B(b, {
-            size: e.size,
-            icon: r($)
-          }, null, 8, ["size", "icon"])
-        ])
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  F as default
-};

package/lib/components/avatar/Avatar.vue3.js

@@ -1,7 +0,0 @@
-const a = "_avatar_7u83c_2", t = {
-  avatar: a
-};
-export {
-  a as avatar,
-  t as default
-};

package/lib/components/avatar/__tests__/Avatar.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/badge/Badge.vue.js

@@ -1,93 +0,0 @@
-import { defineComponent as v, useSlots as z, computed as i, openBlock as o, createBlock as S, resolveDynamicComponent as B, normalizeStyle as l, unref as s, normalizeClass as n, withCtx as w, createElementVNode as r, renderSlot as a, createElementBlock as p, createCommentVNode as f } from "vue";
-import { useTheme as C } from "../../composables/useTheme.js";
-import { useCommon as d } from "../../composables/useCommon.js";
-import { useColors as k } from "../../composables/useColors.js";
-const N = { class: "relative inline-block" }, X = {
-  key: 0,
-  class: "animate-ping opacity-75 absolute top-0 left-0 rounded-full h-full w-full z-10 bg-[color:var(--x-badge-bg)]"
-}, x = ["left", "right"], Y = ["top", "bottom"], $ = {
-  ...d.props(),
-  ...k.props("primary"),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  position: {
-    type: String,
-    default: "top"
-  },
-  align: {
-    type: String,
-    default: "right"
-  },
-  offsetX: [Number, String],
-  offsetY: [Number, String],
-  animated: Boolean,
-  outlined: Boolean,
-  icon: String,
-  show: {
-    type: Boolean,
-    default: !0
-  }
-}, E = {
-  name: "XBadge",
-  validators: {
-    ...d.validators(),
-    position: Y,
-    align: x
-  }
-}, D = /* @__PURE__ */ v({
-  ...E,
-  props: $,
-  setup(m) {
-    const t = m, u = z(), g = i(() => {
-      const e = [];
-      return t.position === "top" && e.push("top-0"), t.position === "bottom" && e.push("bottom-0"), t.align === "left" && e.push("left-0"), t.align === "right" && e.push("right-0"), u.content ? e.push("-m-[7.5%]") : t.outlined ? e.push("-m-[5%]") : e.push("-m-[3.5%]"), e;
-    }), c = i(() => {
-      const e = {};
-      return t.offsetX && (e[t.align === "left" ? "marginLeft" : "marginRight"] = t.offsetX + "px"), t.offsetY && (e[t.position === "top" ? "marginTop" : "marginBottom"] = t.offsetY + "px"), e;
-    }), { styles: h, classes: b, className: y } = C("Badge", {}, t);
-    return (e, P) => (o(), S(B(e.tag), {
-      style: l(s(h)),
-      class: n([
-        s(y),
-        s(b).wrapper
-      ])
-    }, {
-      default: w(() => [
-        r("div", N, [
-          a(e.$slots, "default"),
-          e.show ? (o(), p("div", {
-            key: 0,
-            class: n(["absolute rounded-full z-10 bg-[color:var(--x-badge-bg)] pointer-events-none", [
-              g.value,
-              {
-                "border-2 border-secondary-50 dark:border-secondary-900": e.outlined
-              }
-            ]]),
-            style: l(c.value)
-          }, [
-            e.animated ? (o(), p("div", X)) : f("", !0),
-            r("div", {
-              class: n(["text-xs text-white overflow-hidden", [
-                e.$slots.content ? "flex items-center justify-center min-w-[1.25rem] h-5 px-1.5" : {
-                  "p-1": e.size === "xs",
-                  "p-[0.312rem]": e.size === "sm",
-                  "p-1.5": !e.size || !["xs", "sm", "lg", "xl"].includes(e.size),
-                  "p-2": e.size === "lg",
-                  "p-2.5": e.size === "xl"
-                }
-              ]])
-            }, [
-              a(e.$slots, "content")
-            ], 2)
-          ], 6)) : f("", !0)
-        ])
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  D as default
-};

package/lib/components/badge/Badge.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Badge.vue.js";
-export {
-  f as default
-};

package/lib/components/badge/__tests__/Badge.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/breadcrumbs/Breadcrumbs.vue.js

@@ -1,69 +0,0 @@
-import { defineComponent as y, openBlock as o, createElementBlock as s, normalizeClass as n, unref as a, normalizeStyle as k, createElementVNode as B, Fragment as b, renderList as w, createVNode as g, withCtx as C, createBlock as i, createCommentVNode as l, createTextVNode as N, toDisplayString as m } from "vue";
-import { useTheme as S } from "../../composables/useTheme.js";
-import { useColors as V } from "../../composables/useColors.js";
-import u from "../icon/Icon.vue.js";
-import z from "../link/Link.vue.js";
-const v = { key: 1 }, E = {
-  ...V.props(),
-  items: Array,
-  separator: {
-    type: String,
-    default: "/"
-  },
-  icon: String,
-  shadow: Boolean,
-  underline: Boolean
-}, L = { name: "XBreadcrumbs" }, P = /* @__PURE__ */ y({
-  ...L,
-  props: E,
-  setup(d) {
-    const p = d, { styles: f, classes: t, className: h } = S("Breadcrumbs", {}, p);
-    return (e, T) => e.items && e.items.length > 0 ? (o(), s("nav", {
-      key: 0,
-      "aria-label": "Breadcrumb",
-      class: n(a(h)),
-      style: k(a(f))
-    }, [
-      B("ul", {
-        class: n(a(t).wrapper)
-      }, [
-        (o(!0), s(b, null, w(e.items, (r, c) => (o(), s("li", {
-          key: c,
-          class: n(a(t).item)
-        }, [
-          g(z, {
-            to: r.to,
-            href: r.href,
-            color: r.color || e.color,
-            shadow: r.shadow || e.shadow,
-            underline: r.underline || e.underline,
-            class: "flex items-center"
-          }, {
-            default: C(() => [
-              r.icon ? (o(), i(u, {
-                key: 0,
-                icon: r.icon,
-                class: "mr-1.5"
-              }, null, 8, ["icon"])) : l("", !0),
-              N(" " + m(r.label), 1)
-            ]),
-            _: 2
-          }, 1032, ["to", "href", "color", "shadow", "underline"]),
-          c !== e.items.length - 1 ? (o(), s("div", {
-            key: 0,
-            class: n(a(t).separator)
-          }, [
-            e.icon ? (o(), i(u, {
-              key: 0,
-              icon: e.icon,
-              size: "sm"
-            }, null, 8, ["icon"])) : e.separator ? (o(), s("span", v, m(e.separator), 1)) : l("", !0)
-          ], 2)) : l("", !0)
-        ], 2))), 128))
-      ], 2)
-    ], 6)) : l("", !0);
-  }
-});
-export {
-  P as default
-};

package/lib/components/breadcrumbs/Breadcrumbs.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Breadcrumbs.vue.js";
-export {
-  f as default
-};

package/lib/components/breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/button/Button.vue.js

@@ -1,9 +0,0 @@
-import o from "./Button.vue2.js";
-import s from "./Button.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = {
-  $style: s
-}, c = /* @__PURE__ */ t(o, [["__cssModules", e], ["__scopeId", "data-v-ee892a0a"]]);
-export {
-  c as default
-};

package/lib/components/button/Button.vue2.js

@@ -1,117 +0,0 @@
-import { defineComponent as D, ref as I, inject as O, computed as l, useAttrs as T, unref as t, openBlock as a, createBlock as r, resolveDynamicComponent as V, normalizeClass as u, normalizeStyle as A, withCtx as E, createCommentVNode as d, createElementVNode as m, renderSlot as F } from "vue";
-import { useTheme as K } from "../../composables/useTheme.js";
-import { useColors as X } from "../../composables/useColors.js";
-import { useCommon as b } from "../../composables/useCommon.js";
-import { useInteractive as h } from "../../composables/useInteractive.js";
-import { injectButtonGroupKey as q } from "../../composables/keys.js";
-import H from "../loader/Loader.vue.js";
-import f from "../icon/Icon.vue.js";
-const J = {
-  ...b.props(),
-  ...X.props(),
-  ...h.props(),
-  tag: {
-    type: String,
-    default: "button"
-  },
-  type: {
-    type: String,
-    default: "button"
-  },
-  icon: String,
-  iconLeft: String,
-  iconRight: String,
-  to: [String, Object],
-  outlined: Boolean,
-  rounded: Boolean,
-  glow: Boolean,
-  ghost: Boolean,
-  light: Boolean,
-  block: Boolean,
-  flat: Boolean
-}, M = {
-  name: "XButton",
-  validators: {
-    ...b.validators()
-  }
-}, to = /* @__PURE__ */ D({
-  ...M,
-  props: J,
-  setup(y, { expose: v }) {
-    const e = y, g = I(null), s = O(q, {
-      isButtonGroup: !1,
-      groupProps: {}
-    }), { isButtonGroup: B } = s, n = l(() => s.groupProps.size || e.size), z = l(() => s.groupProps.flat || e.flat), k = l(() => e.color || s.groupProps.color), P = l(() => e.ghost || s.groupProps.ghost), S = l(() => e.light || s.groupProps.light), w = l(() => e.outlined || s.groupProps.outlined), i = l(() => e.disabled || s.groupProps.disabled), p = l(() => e.icon || e.iconLeft), C = T(), R = l(() => C.href ? "a" : e.to ? "router-link" : e.tag), L = l(() => ({
-      size: t(n),
-      flat: t(z),
-      color: t(k),
-      ghost: t(P),
-      light: t(S),
-      outlined: t(w),
-      disabled: t(i),
-      loading: e.loading,
-      block: e.block,
-      glow: e.glow,
-      iconLeft: t(p),
-      iconRight: e.iconRight,
-      rounded: e.rounded
-    })), { className: G, classes: c, styles: $ } = K("Button", {}, L, {
-      isButtonGroup: B
-    }), { focus: j, blur: N } = h(g);
-    return v({ focus: j, blur: N }), (o, Q) => (a(), r(V(R.value), {
-      ref_key: "elRef",
-      ref: g,
-      to: o.to,
-      class: u([
-        t(G),
-        o.$style.button,
-        o.glow && !i.value && !o.loading ? o.$style["button--glow"] : "",
-        t(c).wrapper,
-        { "w-full": o.block }
-      ]),
-      style: A(t($)),
-      "aria-busy": o.loading ? "true" : null,
-      "aria-disabled": o.tag !== "button" && i.value ? "true" : null,
-      disabled: i.value || o.loading,
-      type: o.tag === "button" ? o.type : null
-    }, {
-      default: E(() => [
-        o.loading ? (a(), r(H, {
-          key: 0,
-          class: "absolute",
-          size: n.value,
-          label: o.loadingLabel,
-          status: o.loadingStatus
-        }, null, 8, ["size", "label", "status"])) : d("", !0),
-        m("div", {
-          class: u(["inline-flex items-center justify-center", { invisible: o.loading }])
-        }, [
-          p.value ? (a(), r(f, {
-            key: 0,
-            size: n.value,
-            icon: p.value,
-            class: u([
-              t(c).iconLeft
-            ])
-          }, null, 8, ["size", "icon", "class"])) : d("", !0),
-          m("span", null, [
-            F(o.$slots, "default", {}, void 0, !0)
-          ])
-        ], 2),
-        o.iconRight ? (a(), r(f, {
-          key: 1,
-          size: n.value,
-          icon: o.iconRight,
-          class: u([
-            t(c).iconRight,
-            { invisible: o.loading }
-          ])
-        }, null, 8, ["size", "icon", "class"])) : d("", !0)
-      ]),
-      _: 3
-    }, 8, ["to", "class", "style", "aria-busy", "aria-disabled", "disabled", "type"]));
-  }
-});
-export {
-  to as default
-};

package/lib/components/button/Button.vue3.js

@@ -1,8 +0,0 @@
-const t = "_button_1liag_2", o = {
-  button: t,
-  "button--glow": "_button--glow_1liag_1"
-};
-export {
-  t as button,
-  o as default
-};

package/lib/components/button/ButtonGroup.vue.js

@@ -1,9 +0,0 @@
-import o from "./ButtonGroup.vue2.js";
-import s from "./ButtonGroup.vue3.js";
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = {
-  $style: s
-}, f = /* @__PURE__ */ t(o, [["__cssModules", r]]);
-export {
-  f as default
-};

package/lib/components/button/ButtonGroup.vue2.js

@@ -1,53 +0,0 @@
-import { defineComponent as a, provide as u, openBlock as m, createBlock as i, resolveDynamicComponent as d, normalizeStyle as f, unref as t, normalizeClass as c, withCtx as B, renderSlot as y } from "vue";
-import { useTheme as g } from "../../composables/useTheme.js";
-import { useCommon as r } from "../../composables/useCommon.js";
-import { useColors as v } from "../../composables/useColors.js";
-import { useInteractive as C } from "../../composables/useInteractive.js";
-import { injectButtonGroupKey as h } from "../../composables/keys.js";
-const G = {
-  ...r.props(),
-  ...v.props(),
-  ...C.props(),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  outlined: Boolean,
-  rounded: Boolean,
-  ghost: Boolean,
-  light: Boolean,
-  flat: Boolean
-}, _ = {
-  name: "XButtonGroup",
-  validators: {
-    ...r.validators()
-  }
-}, j = /* @__PURE__ */ a({
-  ..._,
-  props: G,
-  setup(s) {
-    const e = s;
-    u(h, {
-      groupProps: e,
-      isButtonGroup: !0
-    });
-    const { className: n, classes: p, styles: l } = g("ButtonGroup", {}, e);
-    return (o, b) => (m(), i(d(o.tag), {
-      style: f(t(l)),
-      class: c([
-        t(n),
-        o.$style["button-group"],
-        o.rounded ? o.$style["button-group--rounded"] : "",
-        t(p).wrapper
-      ])
-    }, {
-      default: B(() => [
-        y(o.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["style", "class"]));
-  }
-});
-export {
-  j as default
-};

package/lib/components/button/ButtonGroup.vue3.js

@@ -1,7 +0,0 @@
-const o = {
-  "button-group": "_button-group_1p7wb_2",
-  "button-group--rounded": "_button-group--rounded_1p7wb_1"
-};
-export {
-  o as default
-};

package/lib/components/button/__tests__/ Button.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/button/__tests__/ ButtonGroup.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/card/Card.vue.js

@@ -1,30 +0,0 @@
-import { defineComponent as n, openBlock as c, createBlock as p, resolveDynamicComponent as m, unref as e, normalizeClass as d, withCtx as f, renderSlot as u } from "vue";
-import { useTheme as i } from "../../composables/useTheme.js";
-const _ = {
-  tag: {
-    type: String,
-    default: "div"
-  },
-  flat: Boolean
-}, C = { name: "XCard" }, B = /* @__PURE__ */ n({
-  ...C,
-  props: _,
-  setup(t) {
-    const a = t, { styles: o, classes: r, className: l } = i("Card", {}, a);
-    return (s, y) => (c(), p(m(s.tag), {
-      styles: e(o),
-      class: d([
-        e(l),
-        e(r).wrapper
-      ])
-    }, {
-      default: f(() => [
-        u(s.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["styles", "class"]));
-  }
-});
-export {
-  B as default
-};

package/lib/components/card/Card.vue2.js

@@ -1,4 +0,0 @@
-import f from "./Card.vue.js";
-export {
-  f as default
-};

package/lib/components/card/__tests__/Card.spec.d.ts

@@ -1 +0,0 @@
-export {};