@revotech-group/revotech-ui-kit 0.0.84 → 0.0.86

package/dist/rtg-ui-kit.js

@@ -1,4 +1,4 @@
-import { LitElement as U, css as lt, html as d, nothing as Z, svg as Ce } from "lit";
+import { LitElement as z, css as lt, html as d, nothing as Z, svg as Ce } from "lit";
 import { property as l, query as He, customElement as g, state as L } from "lit/decorators.js";
 import { nothing as Ma } from "lit/html.js";
 import { directive as Ss } from "lit/directive.js";
@@ -145,12 +145,12 @@ const Ds = "-", Fa = (e) => {
       }
       N === "[" ? w++ : N === "]" && w--;
     }
-    const F = y.length === 0 ? v : v.substring(x), H = F.startsWith(An), T = H ? F.substring(1) : F, z = j && j > x ? j - x : void 0;
+    const F = y.length === 0 ? v : v.substring(x), H = F.startsWith(An), T = H ? F.substring(1) : F, U = j && j > x ? j - x : void 0;
     return {
       modifiers: y,
       hasImportantModifier: H,
       baseClassName: T,
-      maybePostfixModifierPosition: z
+      maybePostfixModifierPosition: U
     };
   };
   return o ? (v) => o({
@@ -183,23 +183,23 @@ const Ds = "-", Fa = (e) => {
       baseClassName: F,
       maybePostfixModifierPosition: H
     } = o(w);
-    let T = !!H, z = s(T ? F.substring(0, H) : F);
-    if (!z) {
+    let T = !!H, U = s(T ? F.substring(0, H) : F);
+    if (!U) {
       if (!T) {
         v = w + (v.length > 0 ? " " + v : v);
         continue;
       }
-      if (z = s(F), !z) {
+      if (U = s(F), !U) {
         v = w + (v.length > 0 ? " " + v : v);
         continue;
       }
       T = !1;
     }
-    const S = Xa(x).join(":"), N = j ? S + An : S, X = N + z;
+    const S = Xa(x).join(":"), N = j ? S + An : S, X = N + U;
     if (n.includes(X))
       continue;
     n.push(X);
-    const J = r(z, T);
+    const J = r(U, T);
     for (let se = 0; se < J.length; ++se) {
       const M = J[se];
       n.push(N + M);
@@ -251,7 +251,7 @@ const Y = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   ni.test(e) && !ai.test(e)
 ), jn = () => !1, mi = (e) => ii.test(e), bi = (e) => li.test(e), wi = () => {
-  const e = Y("colors"), t = Y("spacing"), o = Y("blur"), s = Y("brightness"), r = Y("borderColor"), n = Y("borderRadius"), a = Y("borderSpacing"), v = Y("borderWidth"), y = Y("contrast"), w = Y("grayscale"), x = Y("hueRotate"), j = Y("invert"), F = Y("gap"), H = Y("gradientColorStops"), T = Y("gradientColorStopPositions"), z = Y("inset"), S = Y("margin"), N = Y("opacity"), X = Y("padding"), J = Y("saturate"), se = Y("scale"), M = Y("sepia"), Ae = Y("skew"), Le = Y("space"), ue = Y("translate"), oe = () => ["auto", "contain", "none"], Ke = () => ["auto", "hidden", "clip", "visible", "scroll"], V = () => ["auto", E, t], q = () => [E, t], fe = () => ["", Oe, Te], ne = () => ["auto", yt, E], ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], re = () => ["solid", "dashed", "dotted", "double", "none"], Ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], me = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], be = () => ["", "0", E], c = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], f = () => [yt, E];
+  const e = Y("colors"), t = Y("spacing"), o = Y("blur"), s = Y("brightness"), r = Y("borderColor"), n = Y("borderRadius"), a = Y("borderSpacing"), v = Y("borderWidth"), y = Y("contrast"), w = Y("grayscale"), x = Y("hueRotate"), j = Y("invert"), F = Y("gap"), H = Y("gradientColorStops"), T = Y("gradientColorStopPositions"), U = Y("inset"), S = Y("margin"), N = Y("opacity"), X = Y("padding"), J = Y("saturate"), se = Y("scale"), M = Y("sepia"), Ae = Y("skew"), Le = Y("space"), ue = Y("translate"), oe = () => ["auto", "contain", "none"], Ke = () => ["auto", "hidden", "clip", "visible", "scroll"], V = () => ["auto", E, t], q = () => [E, t], fe = () => ["", Oe, Te], ne = () => ["auto", yt, E], ee = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], re = () => ["solid", "dashed", "dotted", "double", "none"], Ie = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], me = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], be = () => ["", "0", E], c = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], f = () => [yt, E];
   return {
     cacheSize: 500,
     separator: ":",
@@ -428,63 +428,63 @@ const Y = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [z]
+        inset: [U]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [z]
+        "inset-x": [U]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [z]
+        "inset-y": [U]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [z]
+        start: [U]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [z]
+        end: [U]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [z]
+        top: [U]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [z]
+        right: [U]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [z]
+        bottom: [U]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [z]
+        left: [U]
       }],
       /**
        * Visibility
@@ -2288,7 +2288,7 @@ var xi = Object.defineProperty, _i = (e, t, o, s) => {
     (a = e[n]) && (r = a(t, o, r) || r);
   return r && xi(t, o, r), r;
 };
-class h extends U {
+class h extends z {
   constructor() {
     super(), this.customClass = "";
   }
@@ -5266,7 +5266,7 @@ body {
 }
  `, Tn = new CSSStyleSheet();
 Tn.replaceSync(xo.cssText || xo.toString());
-const so = class so extends U {
+const so = class so extends z {
   constructor() {
     super();
   }
@@ -5913,10 +5913,6 @@ let pe = class extends h {
     const t = e.target, o = _o.find((s) => s.value === t.value);
     o && (this.country = o.value, this.countryCode = o.code, this.requestUpdate());
   }
-  handlePhoneInput(e) {
-    const t = e.target;
-    this.value = t.value;
-  }
   firstUpdated(e) {
     this.removeParentAttributes();
     const t = ["--input-border-radius", "--input-padding"];
@@ -5988,7 +5984,7 @@ let pe = class extends h {
     )}"
             placeholder=${this.placeholder}
             .value=${this.value}
-            @input=${this.handlePhoneInput}
+            @change="${this.handleInputChange}"
             @focus=${this.handleFocus}
             ?disabled=${this.disabled}
             ${G(e)}
@@ -6053,14 +6049,14 @@ const Co = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, $o = Rn, d
   }, {}), y = t == null || (s = t.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((w, x) => {
     let { class: j, className: F, ...H } = x;
     return Object.entries(H).every((T) => {
-      let [z, S] = T;
+      let [U, S] = T;
       return Array.isArray(S) ? S.includes({
         ...n,
         ...v
-      }[z]) : {
+      }[U]) : {
         ...n,
         ...v
-      }[z] === S;
+      }[U] === S;
     }) ? [
       ...w,
       j,
@@ -6135,7 +6131,7 @@ var ki = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Lt = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && ki(t, o, r), r;
 };
-let Me = class extends U {
+let Me = class extends z {
   constructor() {
     super(...arguments), this.disabled = !1, this.checked = !1, this.type = "text", this.value = "", this.required = !1;
   }
@@ -6206,7 +6202,7 @@ var Ti = Object.getOwnPropertyDescriptor, Ni = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Eo = class extends U {
+let Eo = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -6230,7 +6226,7 @@ var Mi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, ks = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Mi(t, o, r), r;
 };
-let fr = class extends U {
+let fr = class extends z {
   constructor() {
     super(...arguments), this.alt = "@shadcn", this.src = "https://github.com/shadcn.png";
   }
@@ -6264,7 +6260,7 @@ var zi = Object.getOwnPropertyDescriptor, qi = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Oo = class extends U {
+let Oo = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -6285,7 +6281,7 @@ var Fi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, zn = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Fi(t, o, r), r;
 };
-let Qr = class extends U {
+let Qr = class extends z {
   constructor() {
     super(...arguments), this.ratio = 16 / 9, this._children = [];
   }
@@ -6410,7 +6406,7 @@ var Ki = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, er = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Ki(t, o, r), r;
 };
-let Xe = class extends U {
+let Xe = class extends h {
   constructor() {
     super(...arguments), this.title = "", this.message = "", this.variant = "info", this.size = "default";
   }
@@ -6418,12 +6414,26 @@ let Xe = class extends U {
   createRenderRoot() {
     return this;
   }
+  get _containerElement() {
+    return this.querySelector("div[role=alert]");
+  }
   get alertClasses() {
     return qn({ variant: this.variant, size: this.size });
   }
+  getAttributesToRemoveFromParent() {
+    return ["class", "style"];
+  }
+  firstUpdated(e) {
+    this.observeStyleAndClassSync(this._containerElement);
+  }
   render() {
+    const e = this.customClass || "", t = this.getAttribute("style") || "";
     return d`
-      <div class="${p(this.alertClasses, this.className)}" role="alert">
+      <div
+        class="${p(this.alertClasses, this.className, e)}"
+        style="${t}"
+        role="alert"
+      >
         ${this.title ? d`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
               ${this.title}
             </div>` : ""}
@@ -6570,7 +6580,7 @@ var el = Object.defineProperty, tl = Object.getOwnPropertyDescriptor, Ye = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && el(t, o, r), r;
 };
-let he = class extends U {
+let he = class extends z {
   constructor() {
     super(...arguments), this.currentDate = /* @__PURE__ */ new Date(), this.selectedStartDate = null, this.selectedEndDate = null, this.variant = "outline", this.size = "default", this.styleCalendar = !1, this.mode = "single";
   }
@@ -7055,7 +7065,7 @@ var dl = Object.defineProperty, ul = Object.getOwnPropertyDescriptor, Fn = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && dl(t, o, r), r;
 };
-let Jr = class extends U {
+let Jr = class extends z {
   constructor() {
     super(...arguments), this.selectedDate = null;
   }
@@ -7582,7 +7592,7 @@ var Pl = Object.defineProperty, Dl = Object.getOwnPropertyDescriptor, Yn = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Pl(t, o, r), r;
 };
-let mr = class extends U {
+let mr = class extends z {
   constructor() {
     super(...arguments), this.value = 15;
   }
@@ -7634,7 +7644,7 @@ var Rl = Object.getOwnPropertyDescriptor, kl = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Po = class extends U {
+let Po = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -7650,7 +7660,7 @@ var Al = Object.getOwnPropertyDescriptor, Ll = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Do = class extends U {
+let Do = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -7666,7 +7676,7 @@ var Il = Object.getOwnPropertyDescriptor, jl = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Ro = class extends U {
+let Ro = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -7682,7 +7692,7 @@ var Tl = Object.getOwnPropertyDescriptor, Nl = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let ko = class extends U {
+let ko = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -7698,7 +7708,7 @@ var Ml = Object.getOwnPropertyDescriptor, Ul = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Ao = class extends U {
+let Ao = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -7744,7 +7754,7 @@ var Fl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, It = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Fl(t, o, r), r;
 };
-let Ze = class extends U {
+let Ze = class extends z {
   constructor() {
     super(...arguments), this.currentIndex = 0, this.items = [], this.orientation = "horizontal", this.size = !1, this.handleResize = () => {
       this.updateSlides(), this.currentIndex = 0, this.querySelectorAll(".slide").forEach((t) => {
@@ -7916,7 +7926,7 @@ var Ql = Object.defineProperty, Jl = Object.getOwnPropertyDescriptor, Xn = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Ql(t, o, r), r;
 };
-let os = class extends U {
+let os = class extends z {
   constructor() {
     super(...arguments), this.placeholder = "select a value", this.handleClick = () => {
       this._comboBox && ([...document.getElementsByTagName("rtg-combo-box")].forEach((t) => {
@@ -8257,7 +8267,7 @@ var oc = Object.defineProperty, nc = Object.getOwnPropertyDescriptor, js = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && oc(t, o, r), r;
 };
-let br = class extends U {
+let br = class extends z {
   constructor() {
     super(...arguments), this.placeholder = "Search Item ...", this.searchValue = "";
   }
@@ -8640,7 +8650,7 @@ var Oc = Object.defineProperty, Sc = Object.getOwnPropertyDescriptor, Ns = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Oc(t, o, r), r;
 };
-let yr = class extends U {
+let yr = class extends z {
   constructor() {
     super(...arguments), this.placeholder = "Type a command or search...", this._value = "";
   }
@@ -8968,7 +8978,7 @@ var Tc = Object.defineProperty, Nc = Object.getOwnPropertyDescriptor, Us = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Tc(t, o, r), r;
 };
-let et = class extends U {
+let et = class extends z {
   constructor() {
     super(...arguments), this._id = "", this._hidden = "";
   }
@@ -9359,7 +9369,7 @@ var sd = Object.defineProperty, od = Object.getOwnPropertyDescriptor, ra = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && sd(t, o, r), r;
 };
-let ds = class extends U {
+let ds = class extends z {
   constructor() {
     super(...arguments), this._id = "";
   }
@@ -9419,7 +9429,7 @@ var id = Object.getOwnPropertyDescriptor, ld = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Mo = class extends U {
+let Mo = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -9810,7 +9820,7 @@ var Pd = Object.defineProperty, Dd = Object.getOwnPropertyDescriptor, zs = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Pd(t, o, r), r;
 };
-let _r = class extends U {
+let _r = class extends z {
   constructor() {
     super(...arguments), this._title = "", this.description = "";
   }
@@ -9854,7 +9864,7 @@ var Rd = Object.getOwnPropertyDescriptor, kd = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Fo = class extends U {
+let Fo = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -9966,7 +9976,7 @@ var zd = Object.defineProperty, qd = Object.getOwnPropertyDescriptor, qs = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && zd(t, o, r), r;
 };
-let Cr = class extends U {
+let Cr = class extends z {
   constructor() {
     super(...arguments), this.checked = !1, this.disabled = !1;
   }
@@ -10375,7 +10385,7 @@ var au = Object.getOwnPropertyDescriptor, iu = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let Ho = class extends U {
+let Ho = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -11152,7 +11162,7 @@ var Ju = Object.defineProperty, ep = Object.getOwnPropertyDescriptor, Gs = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Ju(t, o, r), r;
 };
-let Or = class extends U {
+let Or = class extends z {
   constructor() {
     super(...arguments), this._title = "", this.description = "";
   }
@@ -11221,7 +11231,7 @@ var sp = Object.getOwnPropertyDescriptor, op = (e, t, o, s) => {
     (a = e[n]) && (r = a(r) || r);
   return r;
 };
-let rn = class extends U {
+let rn = class extends z {
   createRenderRoot() {
     return this;
   }
@@ -11542,7 +11552,7 @@ var Ep = Object.defineProperty, Op = Object.getOwnPropertyDescriptor, Ys = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && Ep(t, o, r), r;
 };
-let Pr = class extends U {
+let Pr = class extends z {
   constructor() {
     super(...arguments), this._id = "", this._hidden = "";
   }
@@ -12896,7 +12906,7 @@ var _g = Object.defineProperty, Cg = Object.getOwnPropertyDescriptor, ya = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && _g(t, o, r), r;
 };
-let ws = class extends U {
+let ws = class extends z {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -14646,7 +14656,7 @@ var ev = Object.defineProperty, tv = Object.getOwnPropertyDescriptor, to = (e, t
     (a = e[n]) && (r = (s ? a(t, o, r) : a(r)) || r);
   return s && r && ev(t, o, r), r;
 };
-let Ir = class extends U {
+let Ir = class extends z {
   constructor() {
     super(...arguments), this.error = null, this.unsubscribe = null;
   }
@@ -14829,7 +14839,7 @@ let Os = class extends h {
           .value=${this.btnClass}
           @input=${(e) => this.btnClass = e.target.value}
         ></textarea>
-        <rtg-input customClass=${this.btnClass} type="text"></rtg-input>
+        <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
       </div>
     `;
   }
@@ -14868,7 +14878,7 @@ function Ra(e = window.React, t, o, s, r) {
       super(...arguments), this.o = null;
     }
     t(T) {
-      if (this.o !== null) for (const z in this.i) gv(this.o, z, this.props[z], T ? T[z] : void 0, s);
+      if (this.o !== null) for (const U in this.i) gv(this.o, U, this.props[U], T ? T[U] : void 0, s);
     }
     componentDidMount() {
       var T;
@@ -14878,12 +14888,12 @@ function Ra(e = window.React, t, o, s, r) {
       this.t(T);
     }
     render() {
-      const { _$Gl: T, ...z } = this.props;
+      const { _$Gl: T, ...U } = this.props;
       this.h !== T && (this.u = (N) => {
         T !== null && hv(T, N), this.o = N, this.h = T;
       }), this.i = {};
       const S = { ref: this.u };
-      for (const [N, X] of Object.entries(z)) pv.has(N) ? S[N === "className" ? "class" : N] = X : x.has(N) || N in v.prototype ? this.i[N] = X : S[N] = X;
+      for (const [N, X] of Object.entries(U)) pv.has(N) ? S[N === "className" ? "class" : N] = X : x.has(N) || N in v.prototype ? this.i[N] = X : S[N] = X;
       return S.suppressHydrationWarning = !0, w(a, S);
     }
   }
@@ -14922,9 +14932,9 @@ function fv() {
     },
     enqueueSetState: function() {
     }
-  }, T = Object.assign, z = {};
+  }, T = Object.assign, U = {};
   function S(c, f, $) {
-    this.props = c, this.context = f, this.refs = z, this.updater = $ || H;
+    this.props = c, this.context = f, this.refs = U, this.updater = $ || H;
   }
   S.prototype.isReactComponent = {}, S.prototype.setState = function(c, f) {
     if (typeof c != "object" && typeof c != "function" && c != null)
@@ -14939,7 +14949,7 @@ function fv() {
   }
   N.prototype = S.prototype;
   function X(c, f, $) {
-    this.props = c, this.context = f, this.refs = z, this.updater = $ || H;
+    this.props = c, this.context = f, this.refs = U, this.updater = $ || H;
   }
   var J = X.prototype = new N();
   J.constructor = X, T(J, S.prototype), J.isPureReactComponent = !0;
@@ -15405,7 +15415,7 @@ function mv() {
         }
         return i.key !== void 0;
       }
-      function z(i, u) {
+      function U(i, u) {
         function m() {
           uo || (uo = !0, console.error(
             "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
@@ -15958,7 +15968,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         if (i && i.defaultProps)
           for (R in A = i.defaultProps, A)
             b[R] === void 0 && (b[R] = A[R]);
-        _ && z(
+        _ && U(
           b,
           typeof i == "function" ? i.displayName || i.name || "Unknown" : i
         );

package/dist/rtg-ui-kit.umd.cjs

@@ -2859,7 +2859,7 @@ body {
     .wrapper {
       display: block;
     }
-  `;let St=nr;customElements.define("shadow-wrapper",St);class br extends Ln.AsyncDirective{constructor(){super(...arguments),this.prevData={}}render(e){return Mn.nothing}update(e,[r]){var n;this.element!==e.element&&(this.element=e.element),this.host=((n=e.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(r),this.groom(r),this.prevData={...r}}apply(e){if(!e)return;const{prevData:r,element:n}=this;for(const t in e){const i=e[t];i!==r[t]&&(n[t]=i)}}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r)(!e||!(t in e)&&n[t]===r[t])&&(n[t]=void 0)}}_t.directive(br);class yr extends br{constructor(){super(...arguments),this.eventData={}}apply(e){if(e)for(const r in e){const n=e[r];n!==this.eventData[r]&&this.applyEvent(r,n)}}applyEvent(e,r){const{prevData:n,element:t}=this;this.eventData[e]=r,n[e]&&t.removeEventListener(e,this,r),t.addEventListener(e,this,r)}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r)(!e||!(t in e)&&n[t]===r[t])&&this.groomEvent(t,r[t])}groomEvent(e,r){const{element:n}=this;delete this.eventData[e],n.removeEventListener(e,this,r)}handleEvent(e){const r=this.eventData[e.type];typeof r=="function"?r.call(this.host,e):r.handleEvent(e)}disconnected(){const{eventData:e,element:r}=this;for(const n in e){const t=n.slice(1),i=e[n];r.removeEventListener(t,this,i)}}reconnected(){const{eventData:e,element:r}=this;for(const n in e){const t=n.slice(1),i=e[n];r.addEventListener(t,this,i)}}}_t.directive(yr);class wo extends yr{apply(e){if(!e)return;const{prevData:r,element:n}=this;for(const t in e){const i=e[t];if(i===r[t])continue;const s=t.slice(1);switch(t[0]){case"@":this.eventData[s]=i,this.applyEvent(s,i);break;case".":n[s]=i;break;case"?":i?n.setAttribute(s,""):n.removeAttribute(s);break;default:i!=null?n.setAttribute(t,String(i)):n.removeAttribute(t);break}}}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r){const i=t.slice(1);if(!e||!(t in e)&&n[i]===r[t])switch(t[0]){case"@":this.groomEvent(i,r[t]);break;case".":n[i]=void 0;break;case"?":n.removeAttribute(i);break;default:n.removeAttribute(t);break}}}}const V=_t.directive(wo),wr=[{label:"AF",value:"AF",code:"+93"},{label:"AL",value:"AL",code:"+355"},{label:"DZ",value:"DZ",code:"+213"},{label:"AS",value:"AS",code:"+1684"},{label:"AD",value:"AD",code:"+376"},{label:"AO",value:"AO",code:"+244"},{label:"AI",value:"AI",code:"+1264"},{label:"AG",value:"AG",code:"+1268"},{label:"AR",value:"AR",code:"+54"},{label:"AM",value:"AM",code:"+374"},{label:"AW",value:"AW",code:"+297"},{label:"AU",value:"AU",code:"+61"},{label:"AT",value:"AT",code:"+43"},{label:"AZ",value:"AZ",code:"+994"},{label:"BS",value:"BS",code:"+1242"},{label:"BH",value:"BH",code:"+973"},{label:"BD",value:"BD",code:"+880"},{label:"BB",value:"BB",code:"+1246"},{label:"BY",value:"BY",code:"+375"},{label:"BE",value:"BE",code:"+32"},{label:"BZ",value:"BZ",code:"+501"},{label:"BJ",value:"BJ",code:"+229"},{label:"BM",value:"BM",code:"+1441"},{label:"BT",value:"BT",code:"+975"},{label:"BO",value:"BO",code:"+591"},{label:"BA",value:"BA",code:"+387"},{label:"BW",value:"BW",code:"+267"},{label:"BR",value:"BR",code:"+55"},{label:"IO",value:"IO",code:"+246"},{label:"VG",value:"VG",code:"+1284"},{label:"BN",value:"BN",code:"+673"},{label:"BG",value:"BG",code:"+359"},{label:"BF",value:"BF",code:"+226"},{label:"BI",value:"BI",code:"+257"},{label:"KH",value:"KH",code:"+855"},{label:"CM",value:"CM",code:"+237"},{label:"CA",value:"CA",code:"+1"},{label:"CV",value:"CV",code:"+238"},{label:"KY",value:"KY",code:"+1345"},{label:"CF",value:"CF",code:"+236"},{label:"TD",value:"TD",code:"+235"},{label:"CL",value:"CL",code:"+56"},{label:"CN",value:"CN",code:"+86"},{label:"CX",value:"CX",code:"+61"},{label:"CC",value:"CC",code:"+61"},{label:"CO",value:"CO",code:"+57"},{label:"KM",value:"KM",code:"+269"},{label:"CK",value:"CK",code:"+682"},{label:"CR",value:"CR",code:"+506"},{label:"HR",value:"HR",code:"+385"},{label:"CU",value:"CU",code:"+53"},{label:"CW",value:"CW",code:"+599"},{label:"CY",value:"CY",code:"+357"},{label:"CZ",value:"CZ",code:"+420"},{label:"CD",value:"CD",code:"+243"},{label:"DK",value:"DK",code:"+45"},{label:"DJ",value:"DJ",code:"+253"},{label:"DM",value:"DM",code:"+1767"},{label:"DO",value:"DO",code:"+1809"},{label:"DO",value:"DO",code:"+1829"},{label:"DO",value:"DO",code:"+1849"},{label:"TL",value:"TL",code:"+670"},{label:"EC",value:"EC",code:"+593"},{label:"EG",value:"EG",code:"+20"},{label:"SV",value:"SV",code:"+503"},{label:"GQ",value:"GQ",code:"+240"},{label:"ER",value:"ER",code:"+291"},{label:"EE",value:"EE",code:"+372"},{label:"ET",value:"ET",code:"+251"},{label:"FK",value:"FK",code:"+500"},{label:"FO",value:"FO",code:"+298"},{label:"FJ",value:"FJ",code:"+679"},{label:"FI",value:"FI",code:"+358"},{label:"FR",value:"FR",code:"+33"},{label:"PF",value:"PF",code:"+689"},{label:"GA",value:"GA",code:"+241"},{label:"GM",value:"GM",code:"+220"},{label:"GE",value:"GE",code:"+995"},{label:"DE",value:"DE",code:"+49"},{label:"GH",value:"GH",code:"+233"},{label:"GI",value:"GI",code:"+350"},{label:"GR",value:"GR",code:"+30"},{label:"GL",value:"GL",code:"+299"},{label:"GD",value:"GD",code:"+1473"},{label:"GU",value:"GU",code:"+1671"},{label:"GT",value:"GT",code:"+502"},{label:"GG",value:"GG",code:"+441481"},{label:"GN",value:"GN",code:"+224"},{label:"GW",value:"GW",code:"+245"},{label:"GY",value:"GY",code:"+592"},{label:"HT",value:"HT",code:"+509"},{label:"HN",value:"HN",code:"+504"},{label:"HK",value:"HK",code:"+852"},{label:"HU",value:"HU",code:"+36"},{label:"IS",value:"IS",code:"+354"},{label:"IN",value:"IN",code:"+91"},{label:"ID",value:"ID",code:"+62"},{label:"IR",value:"IR",code:"+98"},{label:"IQ",value:"IQ",code:"+964"},{label:"IE",value:"IE",code:"+353"},{label:"IM",value:"IM",code:"+441624"},{label:"IL",value:"IL",code:"+972"},{label:"IT",value:"IT",code:"+39"},{label:"CI",value:"CI",code:"+225"},{label:"JM",value:"JM",code:"+1876"},{label:"JP",value:"JP",code:"+81"},{label:"JE",value:"JE",code:"+441534"},{label:"JO",value:"JO",code:"+962"},{label:"KZ",value:"KZ",code:"+7"},{label:"KE",value:"KE",code:"+254"},{label:"KI",value:"KI",code:"+686"},{label:"XK",value:"XK",code:"+383"},{label:"KW",value:"KW",code:"+965"},{label:"KG",value:"KG",code:"+996"},{label:"LA",value:"LA",code:"+856"},{label:"LV",value:"LV",code:"+371"},{label:"LB",value:"LB",code:"+961"},{label:"LS",value:"LS",code:"+266"},{label:"LR",value:"LR",code:"+231"},{label:"LY",value:"LY",code:"+218"},{label:"LI",value:"LI",code:"+423"},{label:"LT",value:"LT",code:"+370"},{label:"LU",value:"LU",code:"+352"},{label:"MO",value:"MO",code:"+853"},{label:"MK",value:"MK",code:"+389"},{label:"MG",value:"MG",code:"+261"},{label:"MW",value:"MW",code:"+265"},{label:"MY",value:"MY",code:"+60"},{label:"MV",value:"MV",code:"+960"},{label:"ML",value:"ML",code:"+223"},{label:"MT",value:"MT",code:"+356"},{label:"MH",value:"MH",code:"+692"},{label:"MR",value:"MR",code:"+222"},{label:"MU",value:"MU",code:"+230"},{label:"YT",value:"YT",code:"+262"},{label:"MX",value:"MX",code:"+52"},{label:"FM",value:"FM",code:"+691"},{label:"MD",value:"MD",code:"+373"},{label:"MC",value:"MC",code:"+377"},{label:"MN",value:"MN",code:"+976"},{label:"ME",value:"ME",code:"+382"},{label:"MS",value:"MS",code:"+1664"},{label:"MA",value:"MA",code:"+212"},{label:"MZ",value:"MZ",code:"+258"},{label:"MM",value:"MM",code:"+95"},{label:"NA",value:"NA",code:"+264"},{label:"NR",value:"NR",code:"+674"},{label:"NP",value:"NP",code:"+977"},{label:"NL",value:"NL",code:"+31"},{label:"AN",value:"AN",code:"+599"},{label:"NC",value:"NC",code:"+687"},{label:"NZ",value:"NZ",code:"+64"},{label:"NI",value:"NI",code:"+505"},{label:"NE",value:"NE",code:"+227"},{label:"NG",value:"NG",code:"+234"},{label:"NU",value:"NU",code:"+683"},{label:"KP",value:"KP",code:"+850"},{label:"MP",value:"MP",code:"+1670"},{label:"NO",value:"NO",code:"+47"},{label:"OM",value:"OM",code:"+968"},{label:"PK",value:"PK",code:"+92"},{label:"PW",value:"PW",code:"+680"},{label:"PS",value:"PS",code:"+970"},{label:"PA",value:"PA",code:"+507"},{label:"PG",value:"PG",code:"+675"},{label:"PY",value:"PY",code:"+595"},{label:"PE",value:"PE",code:"+51"},{label:"PH",value:"PH",code:"+63"},{label:"PN",value:"PN",code:"+64"},{label:"PL",value:"PL",code:"+48"},{label:"PT",value:"PT",code:"+351"},{label:"PR",value:"PR",code:"+1787"},{label:"PR",value:"PR",code:"+1939"},{label:"QA",value:"QA",code:"+974"},{label:"CG",value:"CG",code:"+242"},{label:"RE",value:"RE",code:"+262"},{label:"RO",value:"RO",code:"+40"},{label:"RU",value:"RU",code:"+7"},{label:"RW",value:"RW",code:"+250"},{label:"BL",value:"BL",code:"+590"},{label:"SH",value:"SH",code:"+290"},{label:"KN",value:"KN",code:"+1869"},{label:"LC",value:"LC",code:"+1758"},{label:"MF",value:"MF",code:"+590"},{label:"PM",value:"PM",code:"+508"},{label:"VC",value:"VC",code:"+1784"},{label:"WS",value:"WS",code:"+685"},{label:"SM",value:"SM",code:"+378"},{label:"ST",value:"ST",code:"+239"},{label:"SA",value:"SA",code:"+966"},{label:"SN",value:"SN",code:"+221"},{label:"RS",value:"RS",code:"+381"},{label:"SC",value:"SC",code:"+248"},{label:"SL",value:"SL",code:"+232"},{label:"SG",value:"SG",code:"+65"},{label:"SX",value:"SX",code:"+1721"},{label:"SK",value:"SK",code:"+421"},{label:"SI",value:"SI",code:"+386"},{label:"SB",value:"SB",code:"+677"},{label:"SO",value:"SO",code:"+252"},{label:"ZA",value:"ZA",code:"+27"},{label:"KR",value:"KR",code:"+82"},{label:"SS",value:"SS",code:"+211"},{label:"ES",value:"ES",code:"+34"},{label:"LK",value:"LK",code:"+94"},{label:"SD",value:"SD",code:"+249"},{label:"SR",value:"SR",code:"+597"},{label:"SJ",value:"SJ",code:"+47"},{label:"SZ",value:"SZ",code:"+268"},{label:"SE",value:"SE",code:"+46"},{label:"CH",value:"CH",code:"+41"},{label:"SY",value:"SY",code:"+963"},{label:"TW",value:"TW",code:"+886"},{label:"TJ",value:"TJ",code:"+992"},{label:"TZ",value:"TZ",code:"+255"},{label:"TH",value:"TH",code:"+66"},{label:"TG",value:"TG",code:"+228"},{label:"TK",value:"TK",code:"+690"},{label:"TO",value:"TO",code:"+676"},{label:"TT",value:"TT",code:"+1868"},{label:"TN",value:"TN",code:"+216"},{label:"TR",value:"TR",code:"+90"},{label:"TM",value:"TM",code:"+993"},{label:"TC",value:"TC",code:"+1649"},{label:"TV",value:"TV",code:"+688"},{label:"VI",value:"VI",code:"+1340"},{label:"UG",value:"UG",code:"+256"},{label:"UA",value:"UA",code:"+380"},{label:"AE",value:"AE",code:"+971"},{label:"GB",value:"GB",code:"+44"},{label:"US",value:"US",code:"+1"},{label:"UY",value:"UY",code:"+598"},{label:"UZ",value:"UZ",code:"+998"},{label:"VU",value:"VU",code:"+678"},{label:"VA",value:"VA",code:"+379"},{label:"VE",value:"VE",code:"+58"},{label:"VN",value:"VN",code:"+84"},{label:"WF",value:"WF",code:"+681"},{label:"EH",value:"EH",code:"+212"},{label:"YE",value:"YE",code:"+967"},{label:"ZM",value:"ZM",code:"+260"},{label:"ZW",value:"ZW",code:"+263"}];var Co=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,ie=(a,e,r,n)=>{for(var t=n>1?void 0:n?_o(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Co(e,r,t),t};o.RtgInput=class extends h{constructor(){super(),this.disabled=!1,this.type="text",this.placeholder="",this.defaultValue="",this.value="",this.dataKey="",this.country="US",this.countryCode="+1",this.value=this.value||this.defaultValue}handleCountryChange(e){const r=e.target,n=wr.find(t=>t.value===r.value);n&&(this.country=n.value,this.countryCode=n.code,this.requestUpdate())}handlePhoneInput(e){const r=e.target;this.value=r.value}firstUpdated(e){this.removeParentAttributes();const r=["--input-border-radius","--input-padding"];this.applyCustomClass(r,"input","input-base"),this.type!=="file"&&this.defaultValue&&(this.value=this.defaultValue),this.observeStyleAndClassSync(this.inputElement)}handleInputChange(e){const r=e.target;r.type==="file"?this.value=r.files?r.files[0].name:"":this.value=r.value}handleFocus(){this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0,detail:{dataKey:this.dataKey}}))}getAttributesToExclude(){return["disabled","type","placeholder","value","data-testid","custom-class","data-key"]}getAttributesToRemoveFromParent(){return["class","style"]}createRenderRoot(){return this}render(){const e=this.getFilteredAttributes();return this.type==="tel"?d.html`
+  `;let St=nr;customElements.define("shadow-wrapper",St);class br extends Ln.AsyncDirective{constructor(){super(...arguments),this.prevData={}}render(e){return Mn.nothing}update(e,[r]){var n;this.element!==e.element&&(this.element=e.element),this.host=((n=e.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(r),this.groom(r),this.prevData={...r}}apply(e){if(!e)return;const{prevData:r,element:n}=this;for(const t in e){const i=e[t];i!==r[t]&&(n[t]=i)}}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r)(!e||!(t in e)&&n[t]===r[t])&&(n[t]=void 0)}}_t.directive(br);class yr extends br{constructor(){super(...arguments),this.eventData={}}apply(e){if(e)for(const r in e){const n=e[r];n!==this.eventData[r]&&this.applyEvent(r,n)}}applyEvent(e,r){const{prevData:n,element:t}=this;this.eventData[e]=r,n[e]&&t.removeEventListener(e,this,r),t.addEventListener(e,this,r)}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r)(!e||!(t in e)&&n[t]===r[t])&&this.groomEvent(t,r[t])}groomEvent(e,r){const{element:n}=this;delete this.eventData[e],n.removeEventListener(e,this,r)}handleEvent(e){const r=this.eventData[e.type];typeof r=="function"?r.call(this.host,e):r.handleEvent(e)}disconnected(){const{eventData:e,element:r}=this;for(const n in e){const t=n.slice(1),i=e[n];r.removeEventListener(t,this,i)}}reconnected(){const{eventData:e,element:r}=this;for(const n in e){const t=n.slice(1),i=e[n];r.addEventListener(t,this,i)}}}_t.directive(yr);class wo extends yr{apply(e){if(!e)return;const{prevData:r,element:n}=this;for(const t in e){const i=e[t];if(i===r[t])continue;const s=t.slice(1);switch(t[0]){case"@":this.eventData[s]=i,this.applyEvent(s,i);break;case".":n[s]=i;break;case"?":i?n.setAttribute(s,""):n.removeAttribute(s);break;default:i!=null?n.setAttribute(t,String(i)):n.removeAttribute(t);break}}}groom(e){const{prevData:r,element:n}=this;if(r)for(const t in r){const i=t.slice(1);if(!e||!(t in e)&&n[i]===r[t])switch(t[0]){case"@":this.groomEvent(i,r[t]);break;case".":n[i]=void 0;break;case"?":n.removeAttribute(i);break;default:n.removeAttribute(t);break}}}}const V=_t.directive(wo),wr=[{label:"AF",value:"AF",code:"+93"},{label:"AL",value:"AL",code:"+355"},{label:"DZ",value:"DZ",code:"+213"},{label:"AS",value:"AS",code:"+1684"},{label:"AD",value:"AD",code:"+376"},{label:"AO",value:"AO",code:"+244"},{label:"AI",value:"AI",code:"+1264"},{label:"AG",value:"AG",code:"+1268"},{label:"AR",value:"AR",code:"+54"},{label:"AM",value:"AM",code:"+374"},{label:"AW",value:"AW",code:"+297"},{label:"AU",value:"AU",code:"+61"},{label:"AT",value:"AT",code:"+43"},{label:"AZ",value:"AZ",code:"+994"},{label:"BS",value:"BS",code:"+1242"},{label:"BH",value:"BH",code:"+973"},{label:"BD",value:"BD",code:"+880"},{label:"BB",value:"BB",code:"+1246"},{label:"BY",value:"BY",code:"+375"},{label:"BE",value:"BE",code:"+32"},{label:"BZ",value:"BZ",code:"+501"},{label:"BJ",value:"BJ",code:"+229"},{label:"BM",value:"BM",code:"+1441"},{label:"BT",value:"BT",code:"+975"},{label:"BO",value:"BO",code:"+591"},{label:"BA",value:"BA",code:"+387"},{label:"BW",value:"BW",code:"+267"},{label:"BR",value:"BR",code:"+55"},{label:"IO",value:"IO",code:"+246"},{label:"VG",value:"VG",code:"+1284"},{label:"BN",value:"BN",code:"+673"},{label:"BG",value:"BG",code:"+359"},{label:"BF",value:"BF",code:"+226"},{label:"BI",value:"BI",code:"+257"},{label:"KH",value:"KH",code:"+855"},{label:"CM",value:"CM",code:"+237"},{label:"CA",value:"CA",code:"+1"},{label:"CV",value:"CV",code:"+238"},{label:"KY",value:"KY",code:"+1345"},{label:"CF",value:"CF",code:"+236"},{label:"TD",value:"TD",code:"+235"},{label:"CL",value:"CL",code:"+56"},{label:"CN",value:"CN",code:"+86"},{label:"CX",value:"CX",code:"+61"},{label:"CC",value:"CC",code:"+61"},{label:"CO",value:"CO",code:"+57"},{label:"KM",value:"KM",code:"+269"},{label:"CK",value:"CK",code:"+682"},{label:"CR",value:"CR",code:"+506"},{label:"HR",value:"HR",code:"+385"},{label:"CU",value:"CU",code:"+53"},{label:"CW",value:"CW",code:"+599"},{label:"CY",value:"CY",code:"+357"},{label:"CZ",value:"CZ",code:"+420"},{label:"CD",value:"CD",code:"+243"},{label:"DK",value:"DK",code:"+45"},{label:"DJ",value:"DJ",code:"+253"},{label:"DM",value:"DM",code:"+1767"},{label:"DO",value:"DO",code:"+1809"},{label:"DO",value:"DO",code:"+1829"},{label:"DO",value:"DO",code:"+1849"},{label:"TL",value:"TL",code:"+670"},{label:"EC",value:"EC",code:"+593"},{label:"EG",value:"EG",code:"+20"},{label:"SV",value:"SV",code:"+503"},{label:"GQ",value:"GQ",code:"+240"},{label:"ER",value:"ER",code:"+291"},{label:"EE",value:"EE",code:"+372"},{label:"ET",value:"ET",code:"+251"},{label:"FK",value:"FK",code:"+500"},{label:"FO",value:"FO",code:"+298"},{label:"FJ",value:"FJ",code:"+679"},{label:"FI",value:"FI",code:"+358"},{label:"FR",value:"FR",code:"+33"},{label:"PF",value:"PF",code:"+689"},{label:"GA",value:"GA",code:"+241"},{label:"GM",value:"GM",code:"+220"},{label:"GE",value:"GE",code:"+995"},{label:"DE",value:"DE",code:"+49"},{label:"GH",value:"GH",code:"+233"},{label:"GI",value:"GI",code:"+350"},{label:"GR",value:"GR",code:"+30"},{label:"GL",value:"GL",code:"+299"},{label:"GD",value:"GD",code:"+1473"},{label:"GU",value:"GU",code:"+1671"},{label:"GT",value:"GT",code:"+502"},{label:"GG",value:"GG",code:"+441481"},{label:"GN",value:"GN",code:"+224"},{label:"GW",value:"GW",code:"+245"},{label:"GY",value:"GY",code:"+592"},{label:"HT",value:"HT",code:"+509"},{label:"HN",value:"HN",code:"+504"},{label:"HK",value:"HK",code:"+852"},{label:"HU",value:"HU",code:"+36"},{label:"IS",value:"IS",code:"+354"},{label:"IN",value:"IN",code:"+91"},{label:"ID",value:"ID",code:"+62"},{label:"IR",value:"IR",code:"+98"},{label:"IQ",value:"IQ",code:"+964"},{label:"IE",value:"IE",code:"+353"},{label:"IM",value:"IM",code:"+441624"},{label:"IL",value:"IL",code:"+972"},{label:"IT",value:"IT",code:"+39"},{label:"CI",value:"CI",code:"+225"},{label:"JM",value:"JM",code:"+1876"},{label:"JP",value:"JP",code:"+81"},{label:"JE",value:"JE",code:"+441534"},{label:"JO",value:"JO",code:"+962"},{label:"KZ",value:"KZ",code:"+7"},{label:"KE",value:"KE",code:"+254"},{label:"KI",value:"KI",code:"+686"},{label:"XK",value:"XK",code:"+383"},{label:"KW",value:"KW",code:"+965"},{label:"KG",value:"KG",code:"+996"},{label:"LA",value:"LA",code:"+856"},{label:"LV",value:"LV",code:"+371"},{label:"LB",value:"LB",code:"+961"},{label:"LS",value:"LS",code:"+266"},{label:"LR",value:"LR",code:"+231"},{label:"LY",value:"LY",code:"+218"},{label:"LI",value:"LI",code:"+423"},{label:"LT",value:"LT",code:"+370"},{label:"LU",value:"LU",code:"+352"},{label:"MO",value:"MO",code:"+853"},{label:"MK",value:"MK",code:"+389"},{label:"MG",value:"MG",code:"+261"},{label:"MW",value:"MW",code:"+265"},{label:"MY",value:"MY",code:"+60"},{label:"MV",value:"MV",code:"+960"},{label:"ML",value:"ML",code:"+223"},{label:"MT",value:"MT",code:"+356"},{label:"MH",value:"MH",code:"+692"},{label:"MR",value:"MR",code:"+222"},{label:"MU",value:"MU",code:"+230"},{label:"YT",value:"YT",code:"+262"},{label:"MX",value:"MX",code:"+52"},{label:"FM",value:"FM",code:"+691"},{label:"MD",value:"MD",code:"+373"},{label:"MC",value:"MC",code:"+377"},{label:"MN",value:"MN",code:"+976"},{label:"ME",value:"ME",code:"+382"},{label:"MS",value:"MS",code:"+1664"},{label:"MA",value:"MA",code:"+212"},{label:"MZ",value:"MZ",code:"+258"},{label:"MM",value:"MM",code:"+95"},{label:"NA",value:"NA",code:"+264"},{label:"NR",value:"NR",code:"+674"},{label:"NP",value:"NP",code:"+977"},{label:"NL",value:"NL",code:"+31"},{label:"AN",value:"AN",code:"+599"},{label:"NC",value:"NC",code:"+687"},{label:"NZ",value:"NZ",code:"+64"},{label:"NI",value:"NI",code:"+505"},{label:"NE",value:"NE",code:"+227"},{label:"NG",value:"NG",code:"+234"},{label:"NU",value:"NU",code:"+683"},{label:"KP",value:"KP",code:"+850"},{label:"MP",value:"MP",code:"+1670"},{label:"NO",value:"NO",code:"+47"},{label:"OM",value:"OM",code:"+968"},{label:"PK",value:"PK",code:"+92"},{label:"PW",value:"PW",code:"+680"},{label:"PS",value:"PS",code:"+970"},{label:"PA",value:"PA",code:"+507"},{label:"PG",value:"PG",code:"+675"},{label:"PY",value:"PY",code:"+595"},{label:"PE",value:"PE",code:"+51"},{label:"PH",value:"PH",code:"+63"},{label:"PN",value:"PN",code:"+64"},{label:"PL",value:"PL",code:"+48"},{label:"PT",value:"PT",code:"+351"},{label:"PR",value:"PR",code:"+1787"},{label:"PR",value:"PR",code:"+1939"},{label:"QA",value:"QA",code:"+974"},{label:"CG",value:"CG",code:"+242"},{label:"RE",value:"RE",code:"+262"},{label:"RO",value:"RO",code:"+40"},{label:"RU",value:"RU",code:"+7"},{label:"RW",value:"RW",code:"+250"},{label:"BL",value:"BL",code:"+590"},{label:"SH",value:"SH",code:"+290"},{label:"KN",value:"KN",code:"+1869"},{label:"LC",value:"LC",code:"+1758"},{label:"MF",value:"MF",code:"+590"},{label:"PM",value:"PM",code:"+508"},{label:"VC",value:"VC",code:"+1784"},{label:"WS",value:"WS",code:"+685"},{label:"SM",value:"SM",code:"+378"},{label:"ST",value:"ST",code:"+239"},{label:"SA",value:"SA",code:"+966"},{label:"SN",value:"SN",code:"+221"},{label:"RS",value:"RS",code:"+381"},{label:"SC",value:"SC",code:"+248"},{label:"SL",value:"SL",code:"+232"},{label:"SG",value:"SG",code:"+65"},{label:"SX",value:"SX",code:"+1721"},{label:"SK",value:"SK",code:"+421"},{label:"SI",value:"SI",code:"+386"},{label:"SB",value:"SB",code:"+677"},{label:"SO",value:"SO",code:"+252"},{label:"ZA",value:"ZA",code:"+27"},{label:"KR",value:"KR",code:"+82"},{label:"SS",value:"SS",code:"+211"},{label:"ES",value:"ES",code:"+34"},{label:"LK",value:"LK",code:"+94"},{label:"SD",value:"SD",code:"+249"},{label:"SR",value:"SR",code:"+597"},{label:"SJ",value:"SJ",code:"+47"},{label:"SZ",value:"SZ",code:"+268"},{label:"SE",value:"SE",code:"+46"},{label:"CH",value:"CH",code:"+41"},{label:"SY",value:"SY",code:"+963"},{label:"TW",value:"TW",code:"+886"},{label:"TJ",value:"TJ",code:"+992"},{label:"TZ",value:"TZ",code:"+255"},{label:"TH",value:"TH",code:"+66"},{label:"TG",value:"TG",code:"+228"},{label:"TK",value:"TK",code:"+690"},{label:"TO",value:"TO",code:"+676"},{label:"TT",value:"TT",code:"+1868"},{label:"TN",value:"TN",code:"+216"},{label:"TR",value:"TR",code:"+90"},{label:"TM",value:"TM",code:"+993"},{label:"TC",value:"TC",code:"+1649"},{label:"TV",value:"TV",code:"+688"},{label:"VI",value:"VI",code:"+1340"},{label:"UG",value:"UG",code:"+256"},{label:"UA",value:"UA",code:"+380"},{label:"AE",value:"AE",code:"+971"},{label:"GB",value:"GB",code:"+44"},{label:"US",value:"US",code:"+1"},{label:"UY",value:"UY",code:"+598"},{label:"UZ",value:"UZ",code:"+998"},{label:"VU",value:"VU",code:"+678"},{label:"VA",value:"VA",code:"+379"},{label:"VE",value:"VE",code:"+58"},{label:"VN",value:"VN",code:"+84"},{label:"WF",value:"WF",code:"+681"},{label:"EH",value:"EH",code:"+212"},{label:"YE",value:"YE",code:"+967"},{label:"ZM",value:"ZM",code:"+260"},{label:"ZW",value:"ZW",code:"+263"}];var Co=Object.defineProperty,_o=Object.getOwnPropertyDescriptor,ie=(a,e,r,n)=>{for(var t=n>1?void 0:n?_o(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Co(e,r,t),t};o.RtgInput=class extends h{constructor(){super(),this.disabled=!1,this.type="text",this.placeholder="",this.defaultValue="",this.value="",this.dataKey="",this.country="US",this.countryCode="+1",this.value=this.value||this.defaultValue}handleCountryChange(e){const r=e.target,n=wr.find(t=>t.value===r.value);n&&(this.country=n.value,this.countryCode=n.code,this.requestUpdate())}firstUpdated(e){this.removeParentAttributes();const r=["--input-border-radius","--input-padding"];this.applyCustomClass(r,"input","input-base"),this.type!=="file"&&this.defaultValue&&(this.value=this.defaultValue),this.observeStyleAndClassSync(this.inputElement)}handleInputChange(e){const r=e.target;r.type==="file"?this.value=r.files?r.files[0].name:"":this.value=r.value}handleFocus(){this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0,detail:{dataKey:this.dataKey}}))}getAttributesToExclude(){return["disabled","type","placeholder","value","data-testid","custom-class","data-key"]}getAttributesToRemoveFromParent(){return["class","style"]}createRenderRoot(){return this}render(){const e=this.getFilteredAttributes();return this.type==="tel"?d.html`
         <div
           class="${p("rtg-flex rtg-items-center rtg-border rtg-border-input rtg-rounded-md rtg-px-3 rtg-py-1",this.className)}"
         >
@@ -2882,7 +2882,7 @@ body {
             class="${p("rtg-flex rtg-bg-transparent rtg-text-sm rtg-px-3 rtg-py-[3px] focus-visible:rtg-outline-none disabled:rtg-opacity-50 input-base",this.className)}"
             placeholder=${this.placeholder}
             .value=${this.value}
-            @input=${this.handlePhoneInput}
+            @change="${this.handleInputChange}"
             @focus=${this.handleFocus}
             ?disabled=${this.disabled}
             ${V(e)}
@@ -2990,8 +2990,12 @@ body {
       >
         ${this._children}
       </div>
-    `}},o.Badge.badgeVariants=Fo,Dt([l.property({type:String})],o.Badge.prototype,"variant",2),Dt([l.property({type:String})],o.Badge.prototype,"id",2),o.Badge=Dt([l.customElement("rtg-badge")],o.Badge);const $r=Q("rtg-p-4 rtg-text-sm rtg-font-medium rtg-rounded-md rtg-border rtg-border-transparent",{variants:{variant:{success:"rtg-bg-green-100 rtg-text-green-800 rtg-border-green-200",error:"rtg-bg-red-100 rtg-text-red-800 rtg-border-red-200",warning:"rtg-bg-yellow-100 rtg-text-yellow-800 rtg-border-yellow-200",info:"rtg-bg-blue-100 rtg-text-blue-800 rtg-border-blue-200"},size:{small:"rtg-text-sm",default:"rtg-text-base",large:"rtg-text-xl"}},defaultVariants:{variant:"info",size:"default"}});var Ho=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Xe=(a,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Ho(e,r,t),t};o.Alert=class extends d.LitElement{constructor(){super(...arguments),this.title="",this.message="",this.variant="info",this.size="default"}createRenderRoot(){return this}get alertClasses(){return $r({variant:this.variant,size:this.size})}render(){return d.html`
-      <div class="${p(this.alertClasses,this.className)}" role="alert">
+    `}},o.Badge.badgeVariants=Fo,Dt([l.property({type:String})],o.Badge.prototype,"variant",2),Dt([l.property({type:String})],o.Badge.prototype,"id",2),o.Badge=Dt([l.customElement("rtg-badge")],o.Badge);const $r=Q("rtg-p-4 rtg-text-sm rtg-font-medium rtg-rounded-md rtg-border rtg-border-transparent",{variants:{variant:{success:"rtg-bg-green-100 rtg-text-green-800 rtg-border-green-200",error:"rtg-bg-red-100 rtg-text-red-800 rtg-border-red-200",warning:"rtg-bg-yellow-100 rtg-text-yellow-800 rtg-border-yellow-200",info:"rtg-bg-blue-100 rtg-text-blue-800 rtg-border-blue-200"},size:{small:"rtg-text-sm",default:"rtg-text-base",large:"rtg-text-xl"}},defaultVariants:{variant:"info",size:"default"}});var Ho=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Xe=(a,e,r,n)=>{for(var t=n>1?void 0:n?Yo(e,r):e,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(n?s(e,r,t):s(t))||t);return n&&t&&Ho(e,r,t),t};o.Alert=class extends h{constructor(){super(...arguments),this.title="",this.message="",this.variant="info",this.size="default"}createRenderRoot(){return this}get _containerElement(){return this.querySelector("div[role=alert]")}get alertClasses(){return $r({variant:this.variant,size:this.size})}getAttributesToRemoveFromParent(){return["class","style"]}firstUpdated(e){this.observeStyleAndClassSync(this._containerElement)}render(){const e=this.customClass||"",r=this.getAttribute("style")||"";return d.html`
+      <div
+        class="${p(this.alertClasses,this.className,e)}"
+        style="${r}"
+        role="alert"
+      >
         ${this.title?d.html`<div class="rtg-mb-2 rtg-font-bold" part="alert-title">
               ${this.title}
             </div>`:""}
@@ -4908,7 +4912,7 @@ body {
           .value=${this.btnClass}
           @input=${e=>this.btnClass=e.target.value}
         ></textarea>
-        <rtg-input customClass=${this.btnClass} type="text"></rtg-input>
+        <rtg-alert customClass=${this.btnClass} message=${"hey"}></rtg-alert>
       </div>
     `}},hn([l.state()],o.LightSampleDemo.prototype,"btnClass",2),o.LightSampleDemo=hn([l.customElement("light-sample-demo")],o.LightSampleDemo);/**
  * @license

package/dist/src/components/ui/alert/alert.d.ts

@@ -1,7 +1,9 @@
-import { LitElement } from 'lit';
+import { PropertyValues } from 'lit';
+import { BaseElement } from '../../../helpers';
 
-declare class Alert extends LitElement {
+declare class Alert extends BaseElement {
     protected createRenderRoot(): this;
+    private get _containerElement();
     title: string;
     message: string;
     static alertVariants: (props?: ({
@@ -11,6 +13,8 @@ declare class Alert extends LitElement {
     variant: 'success' | 'error' | 'warning' | 'info';
     size: 'default' | 'large' | 'small';
     private get alertClasses();
+    protected getAttributesToRemoveFromParent(): string[];
+    protected firstUpdated(_changedProperties: PropertyValues): void;
     render(): import('lit').TemplateResult<1>;
 }
 export { Alert };

package/dist/src/components/ui/input/input.d.ts

@@ -14,7 +14,6 @@ export declare class RtgInput extends BaseElement {
     country: string;
     countryCode: string;
     private handleCountryChange;
-    private handlePhoneInput;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     handleInputChange(event: Event): void;
     handleFocus(): void;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent wc-ui following open-wc recommendations",
   "license": "MIT",
   "author": "wc-ui",
-  "version": "0.0.84",
+  "version": "0.0.86",
   "type": "module",
   "main": "dist/rtg-ui-kit.umd.cjs",
   "module": "./dist/rtg-ui-kit.js",