readytech-ui-library-v2 0.0.15 → 0.0.16

package/dist/readytech-ui-library-v2.css

@@ -1 +1 @@
-.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-f440ad26]{border:none;background:green;padding:1rem}.btn-primary[data-v-ce0d0f31]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ce0d0f31]:hover{background-color:#1565c0}.btn-icon[data-v-ce0d0f31]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ce0d0f31]{opacity:.6;pointer-events:none}.v-badge[aria-label][data-v-02392152]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar-wrapper[data-v-0d49dde0]{display:flex;gap:16px;justify-content:space-around}.avatar[data-v-0d49dde0]{transition:transform .3s ease;outline:none}.avatar[data-v-0d49dde0]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar[data-v-0d49dde0]:hover{transform:scale(1.1)}.avatar img[data-v-0d49dde0]{border-radius:50%;object-fit:cover}.v-breadcrumbs-wrapper[data-v-5ccff043]{padding:8px}.v-breadcrumbs-wrapper .v-btn[data-v-5ccff043]{text-transform:none;font-size:14px}.v-breadcrumbs-wrapper span[data-v-5ccff043]{color:#0009;font-size:14px}
+.lv-button[data-v-ac3af47a]{border:one;background:red;padding:1rem}.class-input[data-v-f440ad26]{border:none;background:green;padding:1rem}.btn-primary[data-v-ce0d0f31]{background-color:#1976d2;color:#fff}.btn-primary[data-v-ce0d0f31]:hover{background-color:#1565c0}.btn-icon[data-v-ce0d0f31]{padding:0;width:48px;height:48px}.btn-disabled[data-v-ce0d0f31]{opacity:.6;pointer-events:none}.v-badge[aria-label][data-v-02392152]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar-wrapper[data-v-0d49dde0]{display:flex;gap:16px;justify-content:space-around}.avatar[data-v-0d49dde0]{transition:transform .3s ease;outline:none}.avatar[data-v-0d49dde0]:focus{outline:2px solid #005fcc;outline-offset:4px}.avatar[data-v-0d49dde0]:hover{transform:scale(1.1)}.avatar img[data-v-0d49dde0]{border-radius:50%;object-fit:cover}.v-breadcrumbs-wrapper[data-v-5ccff043]{padding:8px}.v-breadcrumbs-wrapper .v-btn[data-v-5ccff043]{text-transform:none;font-size:14px}.v-breadcrumbs-wrapper span[data-v-5ccff043]{color:#0009;font-size:14px}.v-alert__close[data-v-bae3eb1c]{height:28px;width:28px}.v-alert[data-v-bae3eb1c]:focus{outline:2px solid var(--alert-focus-color, #005fcc);outline-offset:4px}[v-alert][type=error][data-v-bae3eb1c]{background-color:#ffe6e6;border-color:#c00;color:#c00}[v-alert][type=success][data-v-bae3eb1c]{background-color:#e6ffe6;border-color:green;color:green}[v-alert][dense] .alert-content[data-v-bae3eb1c]{line-height:1.4;font-size:.875rem}

package/dist/readytech-ui-library-v2.es.js

@@ -1,27 +1,27 @@
-import { createElementBlock as g, openBlock as d, renderSlot as p, toDisplayString as f, resolveComponent as c, createBlock as _, mergeProps as k, normalizeClass as S, withCtx as i, createTextVNode as b, computed as v, createVNode as y } from "vue";
+import { createElementBlock as g, openBlock as i, renderSlot as y, toDisplayString as m, resolveComponent as c, createBlock as u, mergeProps as x, normalizeClass as S, withCtx as d, createTextVNode as b, computed as v, createVNode as p, createCommentVNode as B, createElementVNode as k } from "vue";
 const s = (t, a) => {
   const e = t.__vccOpts || t;
-  for (const [n, l] of a)
-    e[n] = l;
+  for (const [l, r] of a)
+    e[l] = r;
   return e;
-}, x = {}, h = { class: "lv-button" };
-function C(t, a) {
-  return d(), g("button", h, [
-    p(t.$slots, "default", {}, void 0, !0)
+}, R = {}, C = { class: "lv-button" };
+function I(t, a) {
+  return i(), g("button", C, [
+    y(t.$slots, "default", {}, void 0, !0)
   ]);
 }
-const R = /* @__PURE__ */ s(x, [["render", C], ["__scopeId", "data-v-ac3af47a"]]), I = {
+const z = /* @__PURE__ */ s(R, [["render", I], ["__scopeId", "data-v-ac3af47a"]]), V = {
   name: "InputTaras",
   props: {
     prop: {
       required: !0
     }
   }
-}, z = { class: "class-input" };
-function V(t, a, e, n, l, o) {
-  return d(), g("h1", z, f(e.prop) + " taras", 1);
+}, A = { class: "class-input" };
+function N(t, a, e, l, r, n) {
+  return i(), g("h1", A, m(e.prop) + " taras", 1);
 }
-const N = /* @__PURE__ */ s(I, [["render", V], ["__scopeId", "data-v-f440ad26"]]), T = {
+const L = /* @__PURE__ */ s(V, [["render", N], ["__scopeId", "data-v-f440ad26"]]), T = {
   name: "RtText",
   props: {
     label: {
@@ -87,11 +87,11 @@ const N = /* @__PURE__ */ s(I, [["render", V], ["__scopeId", "data-v-f440ad26"]]
     }
   }
 };
-function A(t, a, e, n, l, o) {
-  const r = c("v-text-field");
-  return d(), _(r, k(o.inputProps, {
-    modelValue: o.inputValue,
-    "onUpdate:modelValue": a[0] || (a[0] = (m) => o.inputValue = m),
+function w(t, a, e, l, r, n) {
+  const o = c("v-text-field");
+  return i(), u(o, x(n.inputProps, {
+    modelValue: n.inputValue,
+    "onUpdate:modelValue": a[0] || (a[0] = (f) => n.inputValue = f),
     label: e.label,
     placeholder: e.placeholder,
     disabled: e.disabled,
@@ -101,10 +101,10 @@ function A(t, a, e, n, l, o) {
     clearable: "",
     hint: e.hint,
     autocomplete: e.autocomplete,
-    "onClick:clear": o.handleClear
+    "onClick:clear": n.handleClear
   }), null, 16, ["modelValue", "label", "placeholder", "disabled", "error", "error-messages", "prepend-icon", "hint", "autocomplete", "onClick:clear"]);
 }
-const L = /* @__PURE__ */ s(T, [["render", A], ["__scopeId", "data-v-33b97f38"]]), j = {
+const j = /* @__PURE__ */ s(T, [["render", w], ["__scopeId", "data-v-33b97f38"]]), q = {
   name: "RtButton",
   props: {
     // Button text label
@@ -212,24 +212,24 @@ const L = /* @__PURE__ */ s(T, [["render", A], ["__scopeId", "data-v-33b97f38"]]
   setup(t, { emit: a }) {
     const e = () => {
       a("click");
-    }, n = v(() => t.primary ? "flat" : "outlined"), l = v(() => t.label || "Button"), o = v(() => ({
+    }, l = v(() => t.primary ? "flat" : "outlined"), r = v(() => t.label || "Button"), n = v(() => ({
       "btn-primary": t.primary,
       "btn-icon": t.icon,
       "btn-disabled": t.disabled
     }));
     return {
       onClick: e,
-      variant: n,
-      ariaLabel: l,
-      buttonClasses: o
+      variant: l,
+      ariaLabel: r,
+      buttonClasses: n
     };
   }
 };
-function O(t, a, e, n, l, o) {
-  const r = c("v-btn");
-  return d(), _(r, {
+function O(t, a, e, l, r, n) {
+  const o = c("v-btn");
+  return i(), u(o, {
     type: "button",
-    variant: n.variant,
+    variant: l.variant,
     size: e.size,
     color: e.color,
     icon: e.icon,
@@ -249,19 +249,19 @@ function O(t, a, e, n, l, o) {
     exact: e.exact,
     append: e.append,
     "background-color": e.backgroundColor,
-    class: S(n.buttonClasses),
-    onClick: n.onClick,
-    "aria-label": n.ariaLabel
+    class: S(l.buttonClasses),
+    onClick: l.onClick,
+    "aria-label": l.ariaLabel
   }, {
-    default: i(() => [
-      p(t.$slots, "default", {}, () => [
-        b(f(e.label), 1)
+    default: d(() => [
+      y(t.$slots, "default", {}, () => [
+        b(m(e.label), 1)
       ], !0)
     ]),
     _: 3
   }, 8, ["variant", "size", "color", "icon", "disabled", "loading", "outlined", "text", "tile", "depressed", "rounded", "block", "href", "target", "elevation", "to", "replace", "exact", "append", "background-color", "class", "onClick", "aria-label"]);
 }
-const B = /* @__PURE__ */ s(j, [["render", O], ["__scopeId", "data-v-ce0d0f31"]]), P = {
+const h = /* @__PURE__ */ s(q, [["render", O], ["__scopeId", "data-v-ce0d0f31"]]), P = {
   name: "RtBadge",
   props: {
     value: {
@@ -303,9 +303,9 @@ const B = /* @__PURE__ */ s(j, [["render", O], ["__scopeId", "data-v-ce0d0f31"]]
     }
   }
 };
-function q(t, a, e, n, l, o) {
-  const r = c("v-badge");
-  return d(), _(r, {
+function M(t, a, e, l, r, n) {
+  const o = c("v-badge");
+  return i(), u(o, {
     value: e.value,
     color: e.color,
     dot: e.dot,
@@ -315,17 +315,17 @@ function q(t, a, e, n, l, o) {
     bottom: e.bottom,
     top: e.top,
     role: "status",
-    "aria-label": o.getAriaLabel,
+    "aria-label": n.getAriaLabel,
     "aria-live": e.dot ? "polite" : "off",
     tabindex: "0"
   }, {
-    default: i(() => [
-      p(t.$slots, "default", {}, void 0, !0)
+    default: d(() => [
+      y(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["value", "color", "dot", "overlap", "content", "size", "bottom", "top", "aria-label", "aria-live"]);
 }
-const w = /* @__PURE__ */ s(P, [["render", q], ["__scopeId", "data-v-02392152"]]), M = {
+const U = /* @__PURE__ */ s(P, [["render", M], ["__scopeId", "data-v-02392152"]]), D = {
   name: "RtSnackbar",
   props: {
     message: {
@@ -362,45 +362,45 @@ const w = /* @__PURE__ */ s(P, [["render", q], ["__scopeId", "data-v-02392152"]]
       snackbar: !1
     };
   }
-}, U = { class: "text-center ma-2" };
-function D(t, a, e, n, l, o) {
-  const r = c("v-btn"), m = c("v-snackbar");
-  return d(), g("div", U, [
-    y(r, {
+}, E = { class: "text-center ma-2" };
+function H(t, a, e, l, r, n) {
+  const o = c("v-btn"), f = c("v-snackbar");
+  return i(), g("div", E, [
+    p(o, {
       color: e.buttonColor,
-      onClick: a[0] || (a[0] = (u) => l.snackbar = !0)
+      onClick: a[0] || (a[0] = (_) => r.snackbar = !0)
     }, {
-      default: i(() => [
-        b(f(e.buttonText), 1)
+      default: d(() => [
+        b(m(e.buttonText), 1)
       ]),
       _: 1
     }, 8, ["color"]),
-    y(m, {
-      modelValue: l.snackbar,
-      "onUpdate:modelValue": a[2] || (a[2] = (u) => l.snackbar = u),
+    p(f, {
+      modelValue: r.snackbar,
+      "onUpdate:modelValue": a[2] || (a[2] = (_) => r.snackbar = _),
       timeout: e.timeout,
       color: e.snackbarColor
     }, {
-      actions: i(() => [
-        y(r, {
+      actions: d(() => [
+        p(o, {
           color: e.actionButtonColor,
           variant: "text",
-          onClick: a[1] || (a[1] = (u) => l.snackbar = !1)
+          onClick: a[1] || (a[1] = (_) => r.snackbar = !1)
         }, {
-          default: i(() => [
-            b(f(e.actionButtonText), 1)
+          default: d(() => [
+            b(m(e.actionButtonText), 1)
           ]),
           _: 1
         }, 8, ["color"])
       ]),
-      default: i(() => [
-        b(f(e.message) + " ", 1)
+      default: d(() => [
+        b(m(e.message) + " ", 1)
       ]),
       _: 1
     }, 8, ["modelValue", "timeout", "color"])
   ]);
 }
-const H = /* @__PURE__ */ s(M, [["render", D], ["__scopeId", "data-v-75ce5462"]]), E = {
+const F = /* @__PURE__ */ s(D, [["render", H], ["__scopeId", "data-v-75ce5462"]]), G = {
   name: "RtImage",
   props: {
     src: {
@@ -439,9 +439,9 @@ const H = /* @__PURE__ */ s(M, [["render", D], ["__scopeId", "data-v-75ce5462"]]
     }
   }
 };
-function F(t, a, e, n, l, o) {
-  const r = c("v-img");
-  return d(), _(r, {
+function J(t, a, e, l, r, n) {
+  const o = c("v-img");
+  return i(), u(o, {
     src: e.src,
     alt: e.alt,
     "lazy-src": e.lazySrc,
@@ -451,21 +451,21 @@ function F(t, a, e, n, l, o) {
     transition: e.transition,
     class: S(e.classes)
   }, {
-    placeholder: i(() => [
-      p(t.$slots, "placeholder", {}, () => [
+    placeholder: d(() => [
+      y(t.$slots, "placeholder", {}, () => [
         a[0] || (a[0] = b("Loading..."))
       ], !0)
     ]),
-    default: i(() => [
-      p(t.$slots, "default", {}, void 0, !0)
+    default: d(() => [
+      y(t.$slots, "default", {}, void 0, !0)
     ]),
     _: 3
   }, 8, ["src", "alt", "lazy-src", "aspect-ratio", "gradient", "loading", "transition", "class"]);
 }
-const G = /* @__PURE__ */ s(E, [["render", F], ["__scopeId", "data-v-f3ff4550"]]), J = {
+const K = /* @__PURE__ */ s(G, [["render", J], ["__scopeId", "data-v-f3ff4550"]]), Q = {
   name: "RtAvatar",
   components: {
-    RtImage: G
+    RtImage: K
   },
   props: {
     avatarImage: {
@@ -498,14 +498,14 @@ const G = /* @__PURE__ */ s(E, [["render", F], ["__scopeId", "data-v-f3ff4550"]]
       return this.name ? this.name.split(" ").map((t) => t[0]).join("").toUpperCase() : "";
     }
   }
-}, K = { class: "avatar-wrapper" }, Q = {
+}, W = { class: "avatar-wrapper" }, X = {
   key: 1,
   class: "initials"
 };
-function W(t, a, e, n, l, o) {
-  const r = c("RtImage"), m = c("v-avatar");
-  return d(), g("div", K, [
-    y(m, {
+function Y(t, a, e, l, r, n) {
+  const o = c("RtImage"), f = c("v-avatar");
+  return i(), g("div", W, [
+    p(f, {
       size: e.size,
       class: "avatar",
       rounded: e.rounded,
@@ -513,21 +513,21 @@ function W(t, a, e, n, l, o) {
       role: "img",
       "aria-label": e.ariaLabel
     }, {
-      default: i(() => [
-        e.avatarImage ? (d(), _(r, {
+      default: d(() => [
+        e.avatarImage ? (i(), u(o, {
           key: 0,
           src: e.avatarImage,
           alt: e.alt
-        }, null, 8, ["src", "alt"])) : (d(), g("span", Q, f(o.initials), 1))
+        }, null, 8, ["src", "alt"])) : (i(), g("span", X, m(n.initials), 1))
       ]),
       _: 1
     }, 8, ["size", "rounded", "aria-label"])
   ]);
 }
-const X = /* @__PURE__ */ s(J, [["render", W], ["__scopeId", "data-v-0d49dde0"]]), Y = {
+const Z = /* @__PURE__ */ s(Q, [["render", Y], ["__scopeId", "data-v-0d49dde0"]]), $ = {
   name: "RtBreadcrumbs",
   components: {
-    RtButton: B
+    RtButton: h
   },
   props: {
     items: {
@@ -543,34 +543,165 @@ const X = /* @__PURE__ */ s(J, [["render", W], ["__scopeId", "data-v-0d49dde0"]]
       default: "/"
     }
   }
-}, Z = { key: 1 };
-function $(t, a, e, n, l, o) {
-  const r = c("RtButton"), m = c("v-breadcrumbs");
-  return d(), _(m, {
+}, ee = { key: 1 };
+function te(t, a, e, l, r, n) {
+  const o = c("RtButton"), f = c("v-breadcrumbs");
+  return i(), u(f, {
     class: "v-breadcrumbs-wrapper",
     divider: e.divider,
     items: e.items
   }, {
-    item: i(({ item: u }) => [
-      u.to ? (d(), _(r, {
+    item: d(({ item: _ }) => [
+      _.to ? (i(), u(o, {
         key: 0,
-        to: u.to,
+        to: _.to,
         text: ""
       }, {
-        default: i(() => [
-          b(f(u.text), 1)
+        default: d(() => [
+          b(m(_.text), 1)
         ]),
         _: 2
-      }, 1032, ["to"])) : (d(), g("span", Z, f(u.text), 1))
+      }, 1032, ["to"])) : (i(), g("span", ee, m(_.text), 1))
     ]),
     _: 1
   }, 8, ["divider", "items"]);
 }
-const ee = /* @__PURE__ */ s(Y, [["render", $], ["__scopeId", "data-v-5ccff043"]]), ae = {
+const ae = /* @__PURE__ */ s($, [["render", te], ["__scopeId", "data-v-5ccff043"]]), ne = {
+  name: "RtIcon",
+  props: {
+    // Icon name to display (e.g., 'mdi-home')
+    icon: {
+      type: String,
+      required: !0
+    },
+    // Optional size for the icon (e.g., '24', '36', '48', etc.)
+    size: {
+      type: String,
+      default: "24"
+    },
+    // Optional color for the icon (e.g., 'red', 'blue', 'primary', etc.)
+    color: {
+      type: String,
+      default: ""
+    },
+    // Optional custom class to apply extra styles
+    customClass: {
+      type: String,
+      default: ""
+    }
+  }
+};
+function oe(t, a, e, l, r, n) {
+  const o = c("v-icon");
+  return i(), u(o, {
+    size: e.size,
+    color: e.color,
+    class: S(e.customClass),
+    icon: e.icon
+  }, null, 8, ["size", "color", "class", "icon"]);
+}
+const le = /* @__PURE__ */ s(ne, [["render", oe], ["__scopeId", "data-v-d688a9cc"]]), re = {
+  name: "RtAlert",
+  components: {
+    RtIcon: le
+  },
+  props: {
+    density: {
+      type: String,
+      default: "default",
+      validator(t) {
+        return ["default", "comfortable", "compact"].includes(t);
+      }
+    },
+    closable: {
+      type: Boolean,
+      default: !1
+    },
+    variant: {
+      type: String,
+      default: "flat",
+      validator(t) {
+        return ["plain", "outlined", "tonal", "flat", "elevated", "text"].includes(t);
+      }
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    border: {
+      type: String,
+      default: "Start",
+      validator(t) {
+        return ["start", "top", "end", "bottom", "none"].includes(t);
+      }
+    },
+    icon: {
+      type: String,
+      default: "info",
+      validator(t) {
+        return ["info", "success", "error", "warning", "hidden"].includes(t);
+      }
+    },
+    borderColor: {
+      type: String,
+      default: "info",
+      validator(t) {
+        return ["info", "success", "error", "warning", "deep-purple accent-4"].includes(t);
+      }
+    },
+    color: {
+      type: String,
+      default: "info",
+      validator(t) {
+        return ["info", "success", "error", "warning", "hidden"].includes(t);
+      }
+    }
+  },
+  methods: {
+    // Dynamically determine aria-live based on type
+    getAriaLive() {
+      return this.type === "error" || this.type === "warning" ? "assertive" : "polite";
+    }
+  }
+}, ie = { class: "alert-content" };
+function de(t, a, e, l, r, n) {
+  const o = c("RtIcon"), f = c("v-alert");
+  return i(), u(f, {
+    text: e.text,
+    type: e.icon,
+    "border-color": e.borderColor,
+    color: e.color,
+    border: e.border,
+    variant: e.variant,
+    closable: e.closable,
+    density: e.density,
+    role: "alert",
+    "aria-live": n.getAriaLive(),
+    "aria-atomic": !0
+  }, {
+    default: d(() => [
+      e.icon ? (i(), u(o, {
+        key: 0,
+        left: "",
+        "aria-hidden": "true"
+      }, {
+        default: d(() => [
+          b(m(e.icon), 1)
+        ]),
+        _: 1
+      })) : B("", !0),
+      k("span", ie, [
+        y(t.$slots, "default", {}, void 0, !0)
+      ])
+    ]),
+    _: 3
+  }, 8, ["text", "type", "border-color", "color", "border", "variant", "closable", "density", "aria-live"]);
+}
+const ce = /* @__PURE__ */ s(re, [["render", de], ["__scopeId", "data-v-bae3eb1c"]]), ue = {
   install: (t, a) => {
-    t.component("LearnVueButton", R), t.component("InputTaras", N), t.component("RtText", L), t.component("RtButton", B), t.component("RtBadge", w), t.component("RtSnackbar", H), t.component("RtAvatar", X), t.component("RtBreadcrumbs", ee);
+    t.component("LearnVueButton", z), t.component("InputTaras", L), t.component("RtText", j), t.component("RtButton", h), t.component("RtBadge", U), t.component("RtSnackbar", F), t.component("RtAvatar", Z), t.component("RtBreadcrumbs", ae), t.component("RtAlert", ce);
   }
 };
 export {
-  ae as default
+  ue as default
 };

package/dist/readytech-ui-library-v2.umd.js

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e["readytech-ui-library-v2"]=i(e.Vue))})(this,function(e){"use strict";const i=(a,n)=>{const t=a.__vccOpts||a;for(const[o,l]of n)t[o]=l;return t},f={},m={class:"lv-button"};function p(a,n){return e.openBlock(),e.createElementBlock("button",m,[e.renderSlot(a.$slots,"default",{},void 0,!0)])}const _=i(f,[["render",p],["__scopeId","data-v-ac3af47a"]]),g={name:"InputTaras",props:{prop:{required:!0}}},b={class:"class-input"};function y(a,n,t,o,l,r){return e.openBlock(),e.createElementBlock("h1",b,e.toDisplayString(t.prop)+" taras",1)}const B=i(g,[["render",y],["__scopeId","data-v-f440ad26"]]),k={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(a){this.$emit("update:modelValue",a)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function S(a,n,t,o,l,r){const d=e.resolveComponent("v-text-field");return e.openBlock(),e.createBlock(d,e.mergeProps(r.inputProps,{modelValue:r.inputValue,"onUpdate:modelValue":n[0]||(n[0]=s=>r.inputValue=s),label:t.label,placeholder:t.placeholder,disabled:t.disabled,error:t.error,"error-messages":t.errorMessages,"prepend-icon":t.prependIcon,clearable:"",hint:t.hint,autocomplete:t.autocomplete,"onClick:clear":r.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const x=i(k,[["render",S],["__scopeId","data-v-33b97f38"]]),h={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:a=>["x-small","small","default","large","x-large"].includes(a)},color:{type:String,default:"primary"},backgroundColor:{type:String},icon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:""},tile:{type:Boolean,default:!1},depressed:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},href:{type:String,default:""},target:{type:String,default:"_self"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},exact:{type:Boolean,default:!1},append:{type:Boolean,default:!1},elevation:{type:[Number,String],default:2}},emits:["click"],setup(a,{emit:n}){const t=()=>{n("click")},o=e.computed(()=>a.primary?"flat":"outlined"),l=e.computed(()=>a.label||"Button"),r=e.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:t,variant:o,ariaLabel:l,buttonClasses:r}}};function C(a,n,t,o,l,r){const d=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(d,{type:"button",variant:o.variant,size:t.size,color:t.color,icon:t.icon,disabled:t.disabled,loading:t.loading,outlined:t.outlined,text:t.text,tile:t.tile,depressed:t.depressed,rounded:t.rounded,block:t.block,href:t.href,target:t.target,elevation:t.elevation,to:t.to,replace:t.replace,exact:t.exact,append:t.append,"background-color":t.backgroundColor,class:e.normalizeClass(o.buttonClasses),onClick:o.onClick,"aria-label":o.ariaLabel},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)],!0)]),_:3},8,["variant","size","color","icon","disabled","loading","outlined","text","tile","depressed","rounded","block","href","target","elevation","to","replace","exact","append","background-color","class","onClick","aria-label"])}const u=i(h,[["render",C],["__scopeId","data-v-ce0d0f31"]]),R={name:"RtBadge",props:{value:{type:[String,Number],default:0},color:{type:String,default:"red"},dot:{type:Boolean,default:!1},overlap:{type:Boolean,default:!1},content:{type:String,default:""},size:{type:[String,Number],default:"20"},bottom:{type:Boolean,default:!1},top:{type:Boolean,default:!1}},computed:{getAriaLabel(){return this.dot?"Notification dot":this.content?`Badge content: ${this.content}`:this.value?`Badge value: ${this.value}`:"Badge"}}};function V(a,n,t,o,l,r){const d=e.resolveComponent("v-badge");return e.openBlock(),e.createBlock(d,{value:t.value,color:t.color,dot:t.dot,overlap:t.overlap,content:t.content,size:t.size,bottom:t.bottom,top:t.top,role:"status","aria-label":r.getAriaLabel,"aria-live":t.dot?"polite":"off",tabindex:"0"},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const I=i(R,[["render",V],["__scopeId","data-v-02392152"]]),z={name:"RtSnackbar",props:{message:{type:String,default:"Hello, I'm a snackbar!"},timeout:{type:Number,default:6e3},buttonText:{type:String,default:"Open Snackbar"},buttonColor:{type:String,default:"primary"},snackbarColor:{type:String,default:""},actionButtonText:{type:String,default:"Close"},actionButtonColor:{type:String,default:"pink"}},data(){return{snackbar:!1}}},N={class:"text-center ma-2"};function T(a,n,t,o,l,r){const d=e.resolveComponent("v-btn"),s=e.resolveComponent("v-snackbar");return e.openBlock(),e.createElementBlock("div",N,[e.createVNode(d,{color:t.buttonColor,onClick:n[0]||(n[0]=c=>l.snackbar=!0)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.buttonText),1)]),_:1},8,["color"]),e.createVNode(s,{modelValue:l.snackbar,"onUpdate:modelValue":n[2]||(n[2]=c=>l.snackbar=c),timeout:t.timeout,color:t.snackbarColor},{actions:e.withCtx(()=>[e.createVNode(d,{color:t.actionButtonColor,variant:"text",onClick:n[1]||(n[1]=c=>l.snackbar=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.actionButtonText),1)]),_:1},8,["color"])]),default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const w=i(z,[["render",T],["__scopeId","data-v-75ce5462"]]),A={name:"RtImage",props:{src:{type:String,required:!0},alt:{type:String,required:!0},lazySrc:{type:String,default:""},aspectRatio:{type:[Number,String],default:null},gradient:{type:String,default:""},loading:{type:String,default:"lazy",validator:a=>["lazy","eager"].includes(a)},transition:{type:String,default:"fade-transition"},classes:{type:[String,Array,Object],default:()=>""}}};function L(a,n,t,o,l,r){const d=e.resolveComponent("v-img");return e.openBlock(),e.createBlock(d,{src:t.src,alt:t.alt,"lazy-src":t.lazySrc,"aspect-ratio":t.aspectRatio,gradient:t.gradient,loading:t.loading,transition:t.transition,class:e.normalizeClass(t.classes)},{placeholder:e.withCtx(()=>[e.renderSlot(a.$slots,"placeholder",{},()=>[n[0]||(n[0]=e.createTextVNode("Loading..."))],!0)]),default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["src","alt","lazy-src","aspect-ratio","gradient","loading","transition","class"])}const v={name:"RtAvatar",components:{RtImage:i(A,[["render",L],["__scopeId","data-v-f3ff4550"]])},props:{avatarImage:{type:String,default:"https://randomuser.me/api/portraits/men/32.jpg"},alt:{type:String,default:"Alt"},ariaLabel:{type:String,default:"Aria Label"},name:{type:String,default:"Name"},size:{type:Number,default:50},rounded:{type:Number,default:1}},computed:{initials(){return this.name?this.name.split(" ").map(a=>a[0]).join("").toUpperCase():""}}},D={class:"avatar-wrapper"},E={key:1,class:"initials"};function j(a,n,t,o,l,r){const d=e.resolveComponent("RtImage"),s=e.resolveComponent("v-avatar");return e.openBlock(),e.createElementBlock("div",D,[e.createVNode(s,{size:t.size,class:"avatar",rounded:t.rounded,tabindex:"0",role:"img","aria-label":t.ariaLabel},{default:e.withCtx(()=>[t.avatarImage?(e.openBlock(),e.createBlock(d,{key:0,src:t.avatarImage,alt:t.alt},null,8,["src","alt"])):(e.openBlock(),e.createElementBlock("span",E,e.toDisplayString(r.initials),1))]),_:1},8,["size","rounded","aria-label"])])}const q=i(v,[["render",j],["__scopeId","data-v-0d49dde0"]]),O={name:"RtBreadcrumbs",components:{RtButton:u},props:{items:{type:Array,default:()=>[{text:"Home",to:"/"},{text:"Products",to:"/products"},{text:"Details",to:null}]},divider:{type:String,default:"/"}}},P={key:1};function M(a,n,t,o,l,r){const d=e.resolveComponent("RtButton"),s=e.resolveComponent("v-breadcrumbs");return e.openBlock(),e.createBlock(s,{class:"v-breadcrumbs-wrapper",divider:t.divider,items:t.items},{item:e.withCtx(({item:c})=>[c.to?(e.openBlock(),e.createBlock(d,{key:0,to:c.to,text:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.text),1)]),_:2},1032,["to"])):(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(c.text),1))]),_:1},8,["divider","items"])}const U=i(O,[["render",M],["__scopeId","data-v-5ccff043"]]);return{install:(a,n)=>{a.component("LearnVueButton",_),a.component("InputTaras",B),a.component("RtText",x),a.component("RtButton",u),a.component("RtBadge",I),a.component("RtSnackbar",w),a.component("RtAvatar",q),a.component("RtBreadcrumbs",U)}}});
+(function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(t=typeof globalThis<"u"?globalThis:t||self,t["readytech-ui-library-v2"]=i(t.Vue))})(this,function(t){"use strict";const i=(a,n)=>{const e=a.__vccOpts||a;for(const[r,c]of n)e[r]=c;return e},f={},m={class:"lv-button"};function p(a,n){return t.openBlock(),t.createElementBlock("button",m,[t.renderSlot(a.$slots,"default",{},void 0,!0)])}const _=i(f,[["render",p],["__scopeId","data-v-ac3af47a"]]),g={name:"InputTaras",props:{prop:{required:!0}}},y={class:"class-input"};function b(a,n,e,r,c,o){return t.openBlock(),t.createElementBlock("h1",y,t.toDisplayString(e.prop)+" taras",1)}const B=i(g,[["render",b],["__scopeId","data-v-f440ad26"]]),k={name:"RtText",props:{label:{type:String,default:"Input Field"},hint:{type:String,default:""},placeholder:{type:String,default:""},modelValue:{type:[String,Number],default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},errorMessages:{type:[String,Array],default:()=>[]},prependIcon:{type:String,default:""},clearable:{type:Boolean,default:!1},autocomplete:{type:String,default:"off"}},computed:{inputValue:{get(){return this.modelValue},set(a){this.$emit("update:modelValue",a)}},inputProps(){return{...this.$props}}},methods:{handleClear(){this.$emit("clear")}}};function S(a,n,e,r,c,o){const l=t.resolveComponent("v-text-field");return t.openBlock(),t.createBlock(l,t.mergeProps(o.inputProps,{modelValue:o.inputValue,"onUpdate:modelValue":n[0]||(n[0]=d=>o.inputValue=d),label:e.label,placeholder:e.placeholder,disabled:e.disabled,error:e.error,"error-messages":e.errorMessages,"prepend-icon":e.prependIcon,clearable:"",hint:e.hint,autocomplete:e.autocomplete,"onClick:clear":o.handleClear}),null,16,["modelValue","label","placeholder","disabled","error","error-messages","prepend-icon","hint","autocomplete","onClick:clear"])}const x=i(k,[["render",S],["__scopeId","data-v-33b97f38"]]),h={name:"RtButton",props:{label:{type:String,default:"Click Me"},primary:{type:Boolean,default:!1},size:{type:String,default:"default",validator:a=>["x-small","small","default","large","x-large"].includes(a)},color:{type:String,default:"primary"},backgroundColor:{type:String},icon:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},outlined:{type:Boolean,default:!1},text:{type:String,default:""},tile:{type:Boolean,default:!1},depressed:{type:Boolean,default:!1},rounded:{type:Boolean,default:!1},block:{type:Boolean,default:!1},href:{type:String,default:""},target:{type:String,default:"_self"},to:{type:[String,Object],default:null},replace:{type:Boolean,default:!1},exact:{type:Boolean,default:!1},append:{type:Boolean,default:!1},elevation:{type:[Number,String],default:2}},emits:["click"],setup(a,{emit:n}){const e=()=>{n("click")},r=t.computed(()=>a.primary?"flat":"outlined"),c=t.computed(()=>a.label||"Button"),o=t.computed(()=>({"btn-primary":a.primary,"btn-icon":a.icon,"btn-disabled":a.disabled}));return{onClick:e,variant:r,ariaLabel:c,buttonClasses:o}}};function C(a,n,e,r,c,o){const l=t.resolveComponent("v-btn");return t.openBlock(),t.createBlock(l,{type:"button",variant:r.variant,size:e.size,color:e.color,icon:e.icon,disabled:e.disabled,loading:e.loading,outlined:e.outlined,text:e.text,tile:e.tile,depressed:e.depressed,rounded:e.rounded,block:e.block,href:e.href,target:e.target,elevation:e.elevation,to:e.to,replace:e.replace,exact:e.exact,append:e.append,"background-color":e.backgroundColor,class:t.normalizeClass(r.buttonClasses),onClick:r.onClick,"aria-label":r.ariaLabel},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.label),1)],!0)]),_:3},8,["variant","size","color","icon","disabled","loading","outlined","text","tile","depressed","rounded","block","href","target","elevation","to","replace","exact","append","background-color","class","onClick","aria-label"])}const u=i(h,[["render",C],["__scopeId","data-v-ce0d0f31"]]),R={name:"RtBadge",props:{value:{type:[String,Number],default:0},color:{type:String,default:"red"},dot:{type:Boolean,default:!1},overlap:{type:Boolean,default:!1},content:{type:String,default:""},size:{type:[String,Number],default:"20"},bottom:{type:Boolean,default:!1},top:{type:Boolean,default:!1}},computed:{getAriaLabel(){return this.dot?"Notification dot":this.content?`Badge content: ${this.content}`:this.value?`Badge value: ${this.value}`:"Badge"}}};function I(a,n,e,r,c,o){const l=t.resolveComponent("v-badge");return t.openBlock(),t.createBlock(l,{value:e.value,color:e.color,dot:e.dot,overlap:e.overlap,content:e.content,size:e.size,bottom:e.bottom,top:e.top,role:"status","aria-label":o.getAriaLabel,"aria-live":e.dot?"polite":"off",tabindex:"0"},{default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["value","color","dot","overlap","content","size","bottom","top","aria-label","aria-live"])}const V=i(R,[["render",I],["__scopeId","data-v-02392152"]]),z={name:"RtSnackbar",props:{message:{type:String,default:"Hello, I'm a snackbar!"},timeout:{type:Number,default:6e3},buttonText:{type:String,default:"Open Snackbar"},buttonColor:{type:String,default:"primary"},snackbarColor:{type:String,default:""},actionButtonText:{type:String,default:"Close"},actionButtonColor:{type:String,default:"pink"}},data(){return{snackbar:!1}}},N={class:"text-center ma-2"};function w(a,n,e,r,c,o){const l=t.resolveComponent("v-btn"),d=t.resolveComponent("v-snackbar");return t.openBlock(),t.createElementBlock("div",N,[t.createVNode(l,{color:e.buttonColor,onClick:n[0]||(n[0]=s=>c.snackbar=!0)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.buttonText),1)]),_:1},8,["color"]),t.createVNode(d,{modelValue:c.snackbar,"onUpdate:modelValue":n[2]||(n[2]=s=>c.snackbar=s),timeout:e.timeout,color:e.snackbarColor},{actions:t.withCtx(()=>[t.createVNode(l,{color:e.actionButtonColor,variant:"text",onClick:n[1]||(n[1]=s=>c.snackbar=!1)},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.actionButtonText),1)]),_:1},8,["color"])]),default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.message)+" ",1)]),_:1},8,["modelValue","timeout","color"])])}const T=i(z,[["render",w],["__scopeId","data-v-75ce5462"]]),v={name:"RtImage",props:{src:{type:String,required:!0},alt:{type:String,required:!0},lazySrc:{type:String,default:""},aspectRatio:{type:[Number,String],default:null},gradient:{type:String,default:""},loading:{type:String,default:"lazy",validator:a=>["lazy","eager"].includes(a)},transition:{type:String,default:"fade-transition"},classes:{type:[String,Array,Object],default:()=>""}}};function A(a,n,e,r,c,o){const l=t.resolveComponent("v-img");return t.openBlock(),t.createBlock(l,{src:e.src,alt:e.alt,"lazy-src":e.lazySrc,"aspect-ratio":e.aspectRatio,gradient:e.gradient,loading:e.loading,transition:e.transition,class:t.normalizeClass(e.classes)},{placeholder:t.withCtx(()=>[t.renderSlot(a.$slots,"placeholder",{},()=>[n[0]||(n[0]=t.createTextVNode("Loading..."))],!0)]),default:t.withCtx(()=>[t.renderSlot(a.$slots,"default",{},void 0,!0)]),_:3},8,["src","alt","lazy-src","aspect-ratio","gradient","loading","transition","class"])}const L={name:"RtAvatar",components:{RtImage:i(v,[["render",A],["__scopeId","data-v-f3ff4550"]])},props:{avatarImage:{type:String,default:"https://randomuser.me/api/portraits/men/32.jpg"},alt:{type:String,default:"Alt"},ariaLabel:{type:String,default:"Aria Label"},name:{type:String,default:"Name"},size:{type:Number,default:50},rounded:{type:Number,default:1}},computed:{initials(){return this.name?this.name.split(" ").map(a=>a[0]).join("").toUpperCase():""}}},D={class:"avatar-wrapper"},E={key:1,class:"initials"};function j(a,n,e,r,c,o){const l=t.resolveComponent("RtImage"),d=t.resolveComponent("v-avatar");return t.openBlock(),t.createElementBlock("div",D,[t.createVNode(d,{size:e.size,class:"avatar",rounded:e.rounded,tabindex:"0",role:"img","aria-label":e.ariaLabel},{default:t.withCtx(()=>[e.avatarImage?(t.openBlock(),t.createBlock(l,{key:0,src:e.avatarImage,alt:e.alt},null,8,["src","alt"])):(t.openBlock(),t.createElementBlock("span",E,t.toDisplayString(o.initials),1))]),_:1},8,["size","rounded","aria-label"])])}const q=i(L,[["render",j],["__scopeId","data-v-0d49dde0"]]),O={name:"RtBreadcrumbs",components:{RtButton:u},props:{items:{type:Array,default:()=>[{text:"Home",to:"/"},{text:"Products",to:"/products"},{text:"Details",to:null}]},divider:{type:String,default:"/"}}},P={key:1};function M(a,n,e,r,c,o){const l=t.resolveComponent("RtButton"),d=t.resolveComponent("v-breadcrumbs");return t.openBlock(),t.createBlock(d,{class:"v-breadcrumbs-wrapper",divider:e.divider,items:e.items},{item:t.withCtx(({item:s})=>[s.to?(t.openBlock(),t.createBlock(l,{key:0,to:s.to,text:""},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(s.text),1)]),_:2},1032,["to"])):(t.openBlock(),t.createElementBlock("span",P,t.toDisplayString(s.text),1))]),_:1},8,["divider","items"])}const U=i(O,[["render",M],["__scopeId","data-v-5ccff043"]]),H={name:"RtIcon",props:{icon:{type:String,required:!0},size:{type:String,default:"24"},color:{type:String,default:""},customClass:{type:String,default:""}}};function F(a,n,e,r,c,o){const l=t.resolveComponent("v-icon");return t.openBlock(),t.createBlock(l,{size:e.size,color:e.color,class:t.normalizeClass(e.customClass),icon:e.icon},null,8,["size","color","class","icon"])}const G={name:"RtAlert",components:{RtIcon:i(H,[["render",F],["__scopeId","data-v-d688a9cc"]])},props:{density:{type:String,default:"default",validator(a){return["default","comfortable","compact"].includes(a)}},closable:{type:Boolean,default:!1},variant:{type:String,default:"flat",validator(a){return["plain","outlined","tonal","flat","elevated","text"].includes(a)}},text:{type:String,default:""},border:{type:String,default:"Start",validator(a){return["start","top","end","bottom","none"].includes(a)}},icon:{type:String,default:"info",validator(a){return["info","success","error","warning","hidden"].includes(a)}},borderColor:{type:String,default:"info",validator(a){return["info","success","error","warning","deep-purple accent-4"].includes(a)}},color:{type:String,default:"info",validator(a){return["info","success","error","warning","hidden"].includes(a)}}},methods:{getAriaLive(){return this.type==="error"||this.type==="warning"?"assertive":"polite"}}},J={class:"alert-content"};function K(a,n,e,r,c,o){const l=t.resolveComponent("RtIcon"),d=t.resolveComponent("v-alert");return t.openBlock(),t.createBlock(d,{text:e.text,type:e.icon,"border-color":e.borderColor,color:e.color,border:e.border,variant:e.variant,closable:e.closable,density:e.density,role:"alert","aria-live":o.getAriaLive(),"aria-atomic":!0},{default:t.withCtx(()=>[e.icon?(t.openBlock(),t.createBlock(l,{key:0,left:"","aria-hidden":"true"},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(e.icon),1)]),_:1})):t.createCommentVNode("",!0),t.createElementVNode("span",J,[t.renderSlot(a.$slots,"default",{},void 0,!0)])]),_:3},8,["text","type","border-color","color","border","variant","closable","density","aria-live"])}const Q=i(G,[["render",K],["__scopeId","data-v-bae3eb1c"]]);return{install:(a,n)=>{a.component("LearnVueButton",_),a.component("InputTaras",B),a.component("RtText",x),a.component("RtButton",u),a.component("RtBadge",V),a.component("RtSnackbar",T),a.component("RtAvatar",q),a.component("RtBreadcrumbs",U),a.component("RtAlert",Q)}}});

package/package.json

@@ -2,7 +2,7 @@
   "name": "readytech-ui-library-v2",
   "description": "ui library",
   "private": false,
-  "version": "0.0.15",
+  "version": "0.0.16",
   "exports": {
     ".": {
       "import": "./dist/readytech-ui-library-v2.es.js",