@uxuissk/design-system-core 3.1.0 → 3.1.2

package/dist/sellsuki-components.js

@@ -1803,10 +1803,10 @@ const ov = {
     ...Rl
   },
   fontSize: {
-    xs: "18px",
-    sm: "20px",
-    md: "24px",
-    lg: "26px",
+    xs: "16px",
+    sm: "18px",
+    md: "20px",
+    lg: "24px",
     xl: "28px",
     "2xl": "36px",
     "3xl": "44px",
@@ -2875,8 +2875,8 @@ var Z7 = Object.defineProperty, Ki = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && Z7(e, t, r), r;
-}, sr;
-const Zi = (sr = class extends F {
+}, or;
+const Zi = (or = class extends F {
   constructor() {
     super(...arguments), this.size = "md", this.hidden = !1, this.name = "", this.iconName = "";
   }
@@ -2925,10 +2925,10 @@ const Zi = (sr = class extends F {
         }
       </style>
 
-      ${sr.svgs[this.name || this.iconName]}
+      ${or.svgs[this.name || this.iconName]}
     `;
   }
-}, sr.registeredName = "ssk-icon", sr.svgs = {
+}, or.registeredName = "ssk-icon", or.svgs = {
   "solid-x-mark": d`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
   <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" clip-rule="evenodd"/>
 </svg>
@@ -5643,12 +5643,12 @@ const Zi = (sr = class extends F {
 <path d="M12.8918 3.1V5.69122C12.8918 5.76023 12.8234 5.80864 12.7563 5.79269C12.6567 5.76904 12.5528 5.75653 12.446 5.75653C11.7071 5.75653 11.1081 6.3555 11.1081 7.09437C11.1081 7.83323 11.7071 8.4322 12.446 8.4322C12.5528 8.4322 12.6567 8.41969 12.7563 8.39604C12.8234 8.38009 12.8918 8.4285 12.8918 8.49751V11.0081M12.8918 3.1C12.8918 3.04477 12.8471 3 12.7918 3H10.2002C10.1312 3 10.0828 3.06844 10.0988 3.13558C10.1224 3.2352 10.135 3.33912 10.135 3.44598C10.135 4.18485 9.536 4.78382 8.79713 4.78382C8.05826 4.78382 7.45929 4.18485 7.45929 3.44598C7.45929 3.33912 7.47182 3.2352 7.49549 3.13558C7.51144 3.06844 7.46303 3 7.39402 3H4.88372C4.82849 3 4.78372 3.04477 4.78372 3.1V5.69123C4.78372 5.76024 4.71529 5.80865 4.64814 5.7927C4.54856 5.76905 4.44466 5.75653 4.33784 5.75653C3.59897 5.75653 3 6.3555 3 7.09437C3 7.83323 3.59897 8.4322 4.33784 8.4322C4.44466 8.4322 4.54856 8.41968 4.64814 8.39603C4.71529 8.38008 4.78372 8.42849 4.78372 8.4975V11.0081C4.78372 11.0633 4.82849 11.1081 4.88372 11.1081M12.8918 3.1C12.8918 3.04477 12.9359 3 12.9911 3H15.5017C15.5707 3 15.6191 3.06844 15.6032 3.13558C15.5795 3.2352 15.567 3.33912 15.567 3.44598C15.567 4.18485 16.1659 4.78382 16.9048 4.78382C17.6437 4.78382 18.2426 4.18485 18.2426 3.44598C18.2426 3.33912 18.2301 3.2352 18.2065 3.13558C18.1905 3.06844 18.2389 3 18.3079 3H20.8992C20.9545 3 20.9992 3.04477 20.9992 3.1V5.69116C20.9992 5.76016 20.9308 5.80857 20.8637 5.79264C20.7642 5.76902 20.6604 5.75653 20.5537 5.75653C19.8148 5.75653 19.2158 6.3555 19.2158 7.09437C19.2158 7.83323 19.8148 8.4322 20.5537 8.4322C20.6604 8.4322 20.7642 8.41971 20.8637 8.3961C20.9308 8.38016 20.9992 8.42857 20.9992 8.49757V11.0081C20.9992 11.0633 20.9545 11.1081 20.8992 11.1081H18.3077C18.2386 11.1081 18.1902 11.1765 18.2062 11.2437C18.2299 11.3433 18.2424 11.4473 18.2424 11.5541C18.2424 12.293 17.6434 12.892 16.9046 12.892C16.1657 12.892 15.5667 12.293 15.5667 11.5541C15.5667 11.4473 15.5792 11.3433 15.6029 11.2437C15.6189 11.1765 15.5705 11.1081 15.5014 11.1081H12.9911C12.9359 11.1081 12.8918 11.0633 12.8918 11.0081M4.88372 11.1081H7.39403C7.46304 11.1081 7.51145 11.1765 7.49549 11.2437C7.47182 11.3433 7.45929 11.4473 7.45929 11.5541C7.45929 12.293 8.05826 12.892 8.79713 12.892C9.536 12.892 10.135 12.293 10.135 11.5541C10.135 11.4473 10.1224 11.3433 10.0988 11.2437C10.0828 11.1765 10.1312 11.1081 10.2002 11.1081H12.7918M4.88372 11.1081C4.82849 11.1081 4.78372 11.1522 4.78372 11.2074V13.7987C4.78372 13.8677 4.71529 13.9161 4.64814 13.9001C4.54856 13.8765 4.44466 13.8639 4.33784 13.8639C3.59897 13.8639 3 14.4629 3 15.2018C3 15.9407 3.59897 16.5396 4.33784 16.5396C4.44466 16.5396 4.54856 16.5271 4.64814 16.5035C4.71529 16.4875 4.78372 16.5359 4.78372 16.6049V19.1155C4.78372 19.1708 4.82849 19.2155 4.88372 19.2155H7.39403C7.46304 19.2155 7.51145 19.284 7.49549 19.3511C7.47182 19.4507 7.45929 19.5547 7.45929 19.6615C7.45929 20.4004 8.05826 20.9994 8.79713 20.9994C9.536 20.9994 10.135 20.4004 10.135 19.6615C10.135 19.5547 10.1224 19.4507 10.0988 19.3511C10.0828 19.284 10.1312 19.2155 10.2002 19.2155H12.7918C12.8471 19.2155 12.8918 19.1708 12.8918 19.1155V16.6052C12.8918 16.5362 12.8234 16.4878 12.7563 16.5037C12.6567 16.5274 12.5528 16.5399 12.446 16.5399C11.7071 16.5399 11.1081 15.9409 11.1081 15.202C11.1081 14.4632 11.7071 13.8642 12.446 13.8642C12.5528 13.8642 12.6567 13.8767 12.7563 13.9004C12.8234 13.9163 12.8918 13.8679 12.8918 13.7989V11.2074C12.8918 11.1522 12.8471 11.1081 12.7918 11.1081M12.7918 11.1081C12.8471 11.1081 12.8918 11.0633 12.8918 11.0081" stroke="currentColor" stroke-width="1.5"/>
 </svg>
 `
-}, sr.styles = P`
+}, or.styles = P`
     svg {
       height: 1em;
       width: 1em;
     }
-  `, sr);
+  `, or);
 Ki([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
@@ -5695,8 +5695,8 @@ var I7 = Object.defineProperty, C1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && I7(e, t, r), r;
-}, nr;
-const p1 = (nr = class extends F {
+}, sr;
+const p1 = (sr = class extends F {
   constructor() {
     super(...arguments), this.size = "md", this.hidden = !1, this.code = "", this.iconName = "";
   }
@@ -5737,10 +5737,10 @@ const p1 = (nr = class extends F {
         }
       </style>
       
-      ${nr.svgs[this.code || this.iconName]}
+      ${sr.svgs[this.code || this.iconName]}
     `;
   }
-}, nr.registeredName = "ssk-country-icon", nr.svgs = {
+}, sr.registeredName = "ssk-country-icon", sr.svgs = {
   ZWE: d`<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_20468_6361)">
 <rect width="21" height="15" rx="3" fill="#249F58"/>
@@ -8289,12 +8289,12 @@ const p1 = (nr = class extends F {
 </defs>
 </svg>
 `
-}, nr.styles = P`
+}, sr.styles = P`
     svg {
       height: 1em;
       width: 1em;
     }
-  `, nr);
+  `, sr);
 C1([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
@@ -8344,8 +8344,8 @@ var R7 = Object.defineProperty, j7 = Object.getOwnPropertyDescriptor, ur = (o, e
   for (var r = i > 1 ? void 0 : i ? j7(e, t) : e, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = (i ? n(e, t, r) : n(r)) || r);
   return i && r && R7(e, t, r), r;
-}, lr;
-const R1 = (lr = class extends F {
+}, nr;
+const O1 = (nr = class extends F {
   constructor() {
     super(...arguments), this.hidden = !1, this.hideCloseButton = !1, this.type = "info";
   }
@@ -8388,7 +8388,7 @@ const R1 = (lr = class extends F {
 
       <span class="container" data-testid=${this.testId || C}>
         <ssk-icon
-          name=${lr.iconMap[this.type]}
+          name=${nr.iconMap[this.type]}
           color=${this.type}
           class="icon"
         ></ssk-icon>
@@ -8410,12 +8410,12 @@ const R1 = (lr = class extends F {
       </span>
     `;
   }
-}, lr.registeredName = "ssk-toast", lr.iconMap = {
+}, nr.registeredName = "ssk-toast", nr.iconMap = {
   success: "outline-check-circle",
   error: "outline-exclamation-circle",
   warning: "outline-exclamation-circle",
   info: "outline-information-circle"
-}, lr.styles = P`
+}, nr.styles = P`
     .container {
       display: grid;
       grid-template-columns: auto 1fr auto;
@@ -8454,36 +8454,36 @@ const R1 = (lr = class extends F {
       font-weight: 400;
       color: var(--color-content);
     }
-  `, lr);
+  `, nr);
 ur([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
-], R1.prototype, "theme", 2);
+], O1.prototype, "theme", 2);
 ur([
   l({ type: String })
-], R1.prototype, "testId", 2);
+], O1.prototype, "testId", 2);
 ur([
   l({ type: String })
-], R1.prototype, "width", 2);
+], O1.prototype, "width", 2);
 ur([
   l({ type: Boolean })
-], R1.prototype, "hidden", 2);
+], O1.prototype, "hidden", 2);
 ur([
   l({ type: Boolean })
-], R1.prototype, "hideCloseButton", 2);
+], O1.prototype, "hideCloseButton", 2);
 ur([
   l({ type: String })
-], R1.prototype, "heading", 2);
+], O1.prototype, "heading", 2);
 ur([
   l({ type: String })
-], R1.prototype, "content", 2);
+], O1.prototype, "content", 2);
 ur([
   l({ type: String })
-], R1.prototype, "type", 2);
+], O1.prototype, "type", 2);
 ur([
   Zn({ capture: !1, once: !1, passive: !0 })
-], R1.prototype, "close", 1);
-let W7 = R1;
+], O1.prototype, "close", 1);
+let W7 = O1;
 customElements.get("ssk-toast") || customElements.define("ssk-toast", W7);
 var G7 = Object.defineProperty, Y7 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
@@ -12970,7 +12970,7 @@ var h0 = class {
   constructor(o, e) {
     this.languageId = o, this.tokenType = e;
   }
-}, rr, Kc = (rr = class {
+}, ir, Kc = (ir = class {
   constructor(e, t) {
     M(this, "_defaultAttributes");
     M(this, "_embeddedLanguagesMatcher");
@@ -12988,7 +12988,7 @@ var h0 = class {
     return this._defaultAttributes;
   }
   getBasicScopeAttributes(e) {
-    return e === null ? rr._NULL_SCOPE_METADATA : this._getBasicScopeAttributes.get(e);
+    return e === null ? ir._NULL_SCOPE_METADATA : this._getBasicScopeAttributes.get(e);
   }
   /**
    * Given a produced TM scope, return the language that token describes or null if unknown.
@@ -12998,7 +12998,7 @@ var h0 = class {
     return this._embeddedLanguagesMatcher.match(e) || 0;
   }
   _toStandardTokenType(e) {
-    const t = e.match(rr.STANDARD_TOKEN_TYPE_REGEXP);
+    const t = e.match(ir.STANDARD_TOKEN_TYPE_REGEXP);
     if (!t)
       return 8;
     switch (t[1]) {
@@ -13013,7 +13013,7 @@ var h0 = class {
     }
     throw new Error("Unexpected match for standard token type!");
   }
-}, M(rr, "_NULL_SCOPE_METADATA", new Cl(0, 0)), M(rr, "STANDARD_TOKEN_TYPE_REGEXP", /\b(comment|string|regex|meta\.embedded)\b/), rr), Qc = class {
+}, M(ir, "_NULL_SCOPE_METADATA", new Cl(0, 0)), M(ir, "STANDARD_TOKEN_TYPE_REGEXP", /\b(comment|string|regex|meta\.embedded)\b/), ir), Qc = class {
   constructor(o) {
     M(this, "values");
     M(this, "scopesRegExp");
@@ -17711,7 +17711,7 @@ function x4(o, e, t, i) {
     const n = o.singleline ? { "^": ei`\A`, $: ei`\Z` }[t] : t;
     return { token: R5(n, t) };
   }
-  return t === "|" ? { token: k4(t) } : Ta.test(t) ? { tokens: I4(t) } : { token: or(Po(t), t) };
+  return t === "|" ? { token: k4(t) } : Ta.test(t) ? { tokens: I4(t) } : { token: rr(Po(t), t) };
 }
 function b4(o, e, t) {
   const i = [j5(e[1] === "^", e)];
@@ -17720,7 +17720,7 @@ function b4(o, e, t) {
     const n = s[0];
     if (n[0] === "[" && n[1] !== ":") r++, i.push(j5(n[1] === "^", n));
     else if (n === "]") {
-      if (i.at(-1).type === "CharacterClassOpen") i.push(or(93, n));
+      if (i.at(-1).type === "CharacterClassOpen") i.push(rr(93, n));
       else if (r--, i.push(M4(n)), !r) break;
     } else {
       const a = C4(n);
@@ -17736,7 +17736,7 @@ function C4(o) {
     if (!e || !Da.has(e.groups.name)) throw new Error(`Invalid POSIX class "${o}"`);
     return Ur("posix", o, { value: e.groups.name, negate: !!e.groups.negate });
   }
-  return o === "-" ? H4(o) : o === "&&" ? _4(o) : or(Po(o), o);
+  return o === "-" ? H4(o) : o === "&&" ? _4(o) : rr(Po(o), o);
 }
 function jd(o, { inCharClass: e }) {
   const t = o[1];
@@ -17751,17 +17751,17 @@ function jd(o, { inCharClass: e }) {
     const i = o.split(/\\x/).slice(1).map((n) => parseInt(n, 16)), r = new TextDecoder("utf-8", { ignoreBOM: !0, fatal: !0 }).decode(new Uint8Array(i)), s = new TextEncoder();
     return [...r].map((n) => {
       const a = [...s.encode(n)].map((h) => `\\x${h.toString(16)}`).join("");
-      return or(Po(n), a);
+      return rr(Po(n), a);
     });
   } catch {
     throw new Error(`Multibyte code "${o}" incomplete or invalid in Oniguruma`);
   }
-  if (t === "u" || t === "x") return or(Z4(o), o);
-  if (W5.has(t)) return or(W5.get(t), o);
+  if (t === "u" || t === "x") return rr(Z4(o), o);
+  if (W5.has(t)) return rr(W5.get(t), o);
   if (/\d/.test(t)) return V4(e, o);
   if (o === "\\") throw new Error(ei`Incomplete escape "\"`);
   if (t === "M") throw new Error(`Unsupported meta "${o}"`);
-  if ([...o].length === 2) return or(o.codePointAt(1), o);
+  if ([...o].length === 2) return rr(o.codePointAt(1), o);
   throw new Error(`Unexpected escape "${o}"`);
 }
 function k4(o) {
@@ -17773,7 +17773,7 @@ function R5(o, e) {
 function Wd(o) {
   return { type: "Backreference", raw: o };
 }
-function or(o, e) {
+function rr(o, e) {
   return { type: "Character", value: o, raw: e };
 }
 function M4(o) {
@@ -17816,7 +17816,7 @@ const A4 = /* @__PURE__ */ new Set(["COUNT", "CMP", "ERROR", "FAIL", "MAX", "MIS
 function E4(o) {
   const e = o[1] === "c" ? o[2] : o[3];
   if (!e || !/[A-Za-z]/.test(e)) throw new Error(`Unsupported control character "${o}"`);
-  return or(Po(e.toUpperCase()) - 64, o);
+  return rr(Po(e.toUpperCase()) - 64, o);
 }
 function B4(o, e) {
   let { on: t, off: i } = /^\(\?(?<on>[imx]*)(?:-(?<off>[-imx]*))?/.exec(o).groups;
@@ -17919,7 +17919,7 @@ function N4(o, e) {
     if (a === 0 && h !== "8" && h !== "9") {
       if (c = parseInt(h, 8), c > 127) throw new Error(ei`Octal encoded byte above 177 unsupported "${t}"`);
     } else c = Po(h);
-    s.push(or(c, (a === 0 ? "\\" : "") + h));
+    s.push(rr(c, (a === 0 ? "\\" : "") + h));
   }
   return s;
 }
@@ -18766,7 +18766,7 @@ var xu = "[	-\r ]", bu = /* @__PURE__ */ new Set([
   // İ
   It(305)
   // ı
-]), K1 = ge`[\p{L}\p{M}\p{N}\p{Pc}]`;
+]), X1 = ge`[\p{L}\p{M}\p{N}\p{Pc}]`;
 function rh(o) {
   if (bu.has(o))
     return [o];
@@ -19038,7 +19038,7 @@ var Lu = {
         // `\n`
       ] }), e));
     else if (h === "line_start")
-      n(Lt(Q1(ge`(?<=\A|\n(?!\z))`, { skipLookbehindValidation: !0 }), e));
+      n(Lt(K1(ge`(?<=\A|\n(?!\z))`, { skipLookbehindValidation: !0 }), e));
     else if (h === "search_start")
       if (m.has(o))
         r.flags.sticky = !0, s();
@@ -19053,11 +19053,11 @@ var Lu = {
         }
       }
     else if (!(h === "string_end" || h === "string_start")) if (h === "string_end_newline")
-      n(Lt(Q1(ge`(?=\n?\z)`), e));
+      n(Lt(K1(ge`(?=\n?\z)`), e));
     else if (h === "word_boundary") {
       if (!y && !g) {
-        const x = `(?:(?<=${K1})(?!${K1})|(?<!${K1})(?=${K1}))`, H = `(?:(?<=${K1})(?=${K1})|(?<!${K1})(?!${K1}))`;
-        n(Lt(Q1(c ? H : x), e));
+        const x = `(?:(?<=${X1})(?!${X1})|(?<!${X1})(?=${X1}))`, H = `(?:(?<=${X1})(?=${X1})|(?<!${X1})(?!${X1}))`;
+        n(Lt(K1(c ? H : x), e));
       }
     } else
       throw new Error(`Unexpected assertion kind "${h}"`);
@@ -19083,7 +19083,7 @@ var Lu = {
       return;
     }
     if (n && (h === "space" || g === "space")) {
-      t(Lt(El(Q1(xu), c), e));
+      t(Lt(El(K1(xu), c), e));
       return;
     }
     if (a && (h === "word" || g === "word")) {
@@ -19098,7 +19098,7 @@ var Lu = {
       if (i === "strict")
         throw new Error(ge`Use of "\X" requires non-strict accuracy`);
       const u = "\\p{Emoji}(?:\\p{EMod}|\\uFE0F\\u20E3?|[\\x{E0020}-\\x{E007E}]+\\x{E007F})?", m = ge`\p{RI}{2}|${u}(?:\u200D${u})*`;
-      t(Lt(Q1(
+      t(Lt(K1(
         // Close approximation of an extended grapheme cluster; see <unicode.org/reports/tr29/>
         ge`(?>\r\n|${r ? ge`\p{RGI_Emoji}` : m}|\P{M}\p{M}*)`,
         // Allow JS property `RGI_Emoji` through
@@ -19107,7 +19107,7 @@ var Lu = {
     } else if (h === "hex")
       t(Cr(bo("AHex", { negate: c }), e));
     else if (h === "newline")
-      t(Lt(Q1(c ? `[^
+      t(Lt(K1(c ? `[^
 ]` : `(?>\r
 ?|[
 \v\f…\u2028\u2029])`), e));
@@ -19119,15 +19119,15 @@ var Lu = {
           graph: "!-~",
           print: " -~"
         }[g];
-        c && (u = `\0-${It(u.codePointAt(0) - 1)}${It(u.codePointAt(2) + 1)}-􏿿`), t(Lt(Q1(`[${u}]`), e));
+        c && (u = `\0-${It(u.codePointAt(0) - 1)}${It(u.codePointAt(2) + 1)}-􏿿`), t(Lt(K1(`[${u}]`), e));
       } else
-        t(Lt(El(Q1(Hu.get(g)), c), e));
+        t(Lt(El(K1(Hu.get(g)), c), e));
     else if (h === "property")
       Na.has(Kn(g)) || (o.key = "sc");
     else if (h === "space")
       t(Cr(bo("space", { negate: c }), e));
     else if (h === "word")
-      t(Lt(El(Q1(K1), c), e));
+      t(Lt(El(K1(X1), c), e));
     else
       throw new Error(`Unexpected character set kind "${h}"`);
   },
@@ -19490,7 +19490,7 @@ function Du(o, e) {
 function Al(o) {
   return /^[$_\p{IDS}][$\u200C\u200D\p{IDC}]*$/u.test(o);
 }
-function Q1(o, e) {
+function K1(o, e) {
   const i = Ud(o, {
     ...e,
     // Providing a custom set of Unicode property names avoids converting some JS Unicode
@@ -19910,7 +19910,7 @@ function Uu(o) {
 function l2({ type: o, value: e }) {
   return o === "Character" && e === 45;
 }
-var kr, tr, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
+var kr, er, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
   /**
   @overload
   @param {string} pattern
@@ -19932,7 +19932,7 @@ var kr, tr, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
     Rr(this, kr, /* @__PURE__ */ new Map()), /**
     @type {RegExp | EmulatedRegExp | null}
     */
-    Rr(this, tr, null), /**
+    Rr(this, er, null), /**
     @type {string}
     */
     Rr(this, qr), /**
@@ -19961,7 +19961,7 @@ var kr, tr, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
       };
       e(s ? "" : t, i), m1(this, qr, t), m1(this, kr, Ku(n.hiddenCaptures, n.transfers)), m1(this, Xr, n.strategy), this.rawOptions = r ?? {};
     }
-    s || m1(this, tr, this);
+    s || m1(this, er, this);
   }
   // Override the getter with one that works with lazy-compiled regexes
   get source() {
@@ -19974,9 +19974,9 @@ var kr, tr, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
   @returns {RegExpExecArray?}
   */
   exec(t) {
-    if (!Hi(this, tr)) {
+    if (!Hi(this, er)) {
       const { lazyCompile: s, ...n } = this.rawOptions;
-      m1(this, tr, new Vr(Hi(this, qr), this.flags, n));
+      m1(this, er, new Vr(Hi(this, qr), this.flags, n));
     }
     const i = this.global || this.sticky, r = this.lastIndex;
     if (Hi(this, Xr) === "clip_search" && i && r) {
@@ -19986,15 +19986,15 @@ var kr, tr, qr, Mr, Xr, a0, aa, Vr, qu = (Vr = class extends RegExp {
     }
     return pl(this, a0, aa).call(this, t);
   }
-}, kr = new WeakMap(), tr = new WeakMap(), qr = new WeakMap(), Mr = new WeakMap(), Xr = new WeakMap(), a0 = new WeakSet(), /**
+}, kr = new WeakMap(), er = new WeakMap(), qr = new WeakMap(), Mr = new WeakMap(), Xr = new WeakMap(), a0 = new WeakSet(), /**
 Adds support for hidden and transfer captures.
 @param {string} str
 @returns
 */
 aa = function(t) {
-  Hi(this, tr).lastIndex = this.lastIndex;
-  const i = a5(Vr.prototype, this, "exec").call(Hi(this, tr), t);
-  if (this.lastIndex = Hi(this, tr).lastIndex, !i || !Hi(this, kr).size)
+  Hi(this, er).lastIndex = this.lastIndex;
+  const i = a5(Vr.prototype, this, "exec").call(Hi(this, er), t);
+  if (this.lastIndex = Hi(this, er).lastIndex, !i || !Hi(this, kr).size)
     return i;
   const r = [...i];
   i.length = 1;
@@ -20668,7 +20668,7 @@ function tl() {
             case u:
               return ue ? je(1, Et) : je(0, Et + 1);
             case g:
-              var q1 = this.$locale().weekStart || 0, Zr = (_t < q1 ? _t + 7 : _t) - q1;
+              var U1 = this.$locale().weekStart || 0, Zr = (_t < U1 ? _t + 7 : _t) - U1;
               return je(ue ? pi - Zr : pi + (6 - Zr), Et);
             case c:
             case x:
@@ -20713,7 +20713,7 @@ function tl() {
         }, R.format = function(I) {
           var te = this, j = this.$locale();
           if (!this.isValid()) return j.invalidDate || H;
-          var ue = I || "YYYY-MM-DDTHH:mm:ssZ", ae = ye.z(this), je = this.$H, We = this.$m, _t = this.$M, Et = j.weekdays, pi = j.months, wr = j.meridiem, q1 = function(ui, _1, Nr, go) {
+          var ue = I || "YYYY-MM-DDTHH:mm:ssZ", ae = ye.z(this), je = this.$H, We = this.$m, _t = this.$M, Et = j.weekdays, pi = j.months, wr = j.meridiem, U1 = function(ui, _1, Nr, go) {
             return ui && (ui[_1] || ui(te, ue)) || Nr[_1].slice(0, go);
           }, Zr = function(ui) {
             return ye.s(je % 12 || 12, ui, "0");
@@ -20733,9 +20733,9 @@ function tl() {
                 case "MM":
                   return ye.s(_t + 1, 2, "0");
                 case "MMM":
-                  return q1(j.monthsShort, _t, pi, 3);
+                  return U1(j.monthsShort, _t, pi, 3);
                 case "MMMM":
-                  return q1(pi, _t);
+                  return U1(pi, _t);
                 case "D":
                   return te.$D;
                 case "DD":
@@ -20743,9 +20743,9 @@ function tl() {
                 case "d":
                   return String(te.$W);
                 case "dd":
-                  return q1(j.weekdaysMin, te.$W, Et, 2);
+                  return U1(j.weekdaysMin, te.$W, Et, 2);
                 case "ddd":
-                  return q1(j.weekdaysShort, te.$W, Et, 3);
+                  return U1(j.weekdaysShort, te.$W, Et, 3);
                 case "dddd":
                   return Et[te.$W];
                 case "H":
@@ -20963,7 +20963,7 @@ function x6() {
 }
 var b6 = x6();
 const C6 = /* @__PURE__ */ el(b6);
-var k6 = Object.defineProperty, j1 = (o, e, t, i) => {
+var k6 = Object.defineProperty, R1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && k6(e, t, r), r;
@@ -21018,35 +21018,35 @@ xs.registeredName = "ssk-date-display", xs.styles = P`
     }
   `;
 let Gi = xs;
-j1([
+R1([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
 ], Gi.prototype, "theme");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "testId");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "themeColor");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "color");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "size");
-j1([
+R1([
   l({ type: Boolean })
 ], Gi.prototype, "hidden");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "date");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "locale");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "dateFormat");
-j1([
+R1([
   l({ type: String })
 ], Gi.prototype, "timeFormat");
 customElements.get("ssk-date-display") || customElements.define("ssk-date-display", Gi);
@@ -21211,8 +21211,8 @@ const _6 = {
   4: "xl",
   5: "lg"
 };
-var ar;
-const ri = (ar = class extends F {
+var lr;
+const ri = (lr = class extends F {
   constructor() {
     super(...arguments), this.themeColor = "", this.color = "background.900", this.size = "md", this.fontFamilyGroup = "sans", this.fontWeight = "normal", this.hidden = !1, this.italic = !1, this.underline = !1, this.strike = !1, this.level = 1;
   }
@@ -21263,16 +21263,16 @@ const ri = (ar = class extends F {
         }
       </style>
 
-      ${ar.headings[this.level]}
+      ${lr.headings[this.level]}
     `;
   }
-}, ar.registeredName = "ssk-heading", ar.headings = {
+}, lr.registeredName = "ssk-heading", lr.headings = {
   1: w`<h1><slot /></h1>`,
   2: w`<h2><slot /></h2>`,
   3: w`<h3><slot /></h3>`,
   4: w`<h4><slot /></h4>`,
   5: w`<h5><slot /></h5>`
-}, ar.styles = P`
+}, lr.styles = P`
     h1,
     h2,
     h3,
@@ -21285,7 +21285,7 @@ const ri = (ar = class extends F {
       padding: var(--padding);
       margin: var(--margin);
     }
-  `, ar);
+  `, lr);
 di([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
@@ -24112,27 +24112,27 @@ Bs.registeredName = "ssk-tab-header", Bs.styles = P`
       border-bottom: 1px solid var(--stroke-primary, #e5e7eb);
     }
   `;
-let hr = Bs;
+let dr = Bs;
 To([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
-], hr.prototype, "theme");
+], dr.prototype, "theme");
 To([
   l({ type: String })
-], hr.prototype, "testId");
+], dr.prototype, "testId");
 To([
   l({ type: String })
-], hr.prototype, "variant");
+], dr.prototype, "variant");
 To([
   l({ type: String })
-], hr.prototype, "align");
+], dr.prototype, "align");
 To([
   l({ type: String })
-], hr.prototype, "size");
+], dr.prototype, "size");
 To([
   l({ type: String })
-], hr.prototype, "color");
-customElements.get("ssk-tab-header") || customElements.define("ssk-tab-header", hr);
+], dr.prototype, "color");
+customElements.get("ssk-tab-header") || customElements.define("ssk-tab-header", dr);
 var j6 = Object.defineProperty, u1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
@@ -28079,7 +28079,7 @@ f0([
   l({ type: Boolean })
 ], $r.prototype, "hideChevron");
 customElements.get("ssk-dropdown-button") || customElements.define("ssk-dropdown-button", $r);
-var u8 = Object.defineProperty, W1 = (o, e, t, i) => {
+var u8 = Object.defineProperty, j1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && u8(e, t, r), r;
@@ -28177,40 +28177,40 @@ en.registeredName = "ssk-dropdown-option", en.styles = P`
     }
   `;
 let Yi = en;
-W1([
+j1([
   O({ context: ol, subscribe: !0 }),
   l({ attribute: !1 })
 ], Yi.prototype, "state");
-W1([
+j1([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
 ], Yi.prototype, "theme");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "testId");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "themeColor");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "color");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "size");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "fontFamilyGroup");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "fontWeight");
-W1([
+j1([
   l({ type: String })
 ], Yi.prototype, "value");
-W1([
+j1([
   l({ type: Boolean, reflect: !0 })
 ], Yi.prototype, "disabled");
 customElements.get("ssk-dropdown-option") || customElements.define("ssk-dropdown-option", Yi);
-var g8 = Object.defineProperty, G1 = (o, e, t, i) => {
+var g8 = Object.defineProperty, W1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && g8(e, t, r), r;
@@ -28270,36 +28270,36 @@ tn.registeredName = "ssk-dropdown-preview", tn.styles = P`
     }
   `;
 let Ui = tn;
-G1([
+W1([
   O({ context: ol, subscribe: !0 }),
   l({ attribute: !1 })
 ], Ui.prototype, "vault");
-G1([
+W1([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
 ], Ui.prototype, "theme");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "testId");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "themeColor");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "color");
-G1([
+W1([
   l({ type: String, reflect: !0 })
 ], Ui.prototype, "size");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "fontFamilyGroup");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "fontWeight");
-G1([
+W1([
   l({ type: String })
 ], Ui.prototype, "value");
-G1([
+W1([
   l({ type: Boolean, reflect: !0 })
 ], Ui.prototype, "disabled");
 customElements.get("ssk-dropdown-preview") || customElements.define("ssk-dropdown-preview", Ui);
@@ -28595,7 +28595,7 @@ function fh(o) {
   const n = $o(s);
   return e.getTime() >= r.getTime() ? t + 1 : e.getTime() >= n.getTime() ? t : t - 1;
 }
-function er(o) {
+function J1(o) {
   const e = rt(o);
   return e.setHours(0, 0, 0, 0), e;
 }
@@ -28614,7 +28614,7 @@ function is(o) {
   return t.setUTCFullYear(e.getFullYear()), +o - +t;
 }
 function b8(o, e) {
-  const t = er(o), i = er(e), r = +t - is(t), s = +i - is(i);
+  const t = J1(o), i = J1(e), r = +t - is(t), s = +i - is(i);
   return Math.round((r - s) / m8);
 }
 function C8(o) {
@@ -28708,7 +28708,7 @@ const _8 = {
   const r = _8[o];
   return typeof r == "string" ? i = r : e === 1 ? i = r.one : i = r.other.replace("{{count}}", e.toString()), t != null && t.addSuffix ? t.comparison && t.comparison > 0 ? "in " + i : i + " ago" : i;
 };
-function dr(o) {
+function ar(o) {
   return (e = {}) => {
     const t = e.width ? String(e.width) : o.defaultWidth;
     return o.formats[t] || o.formats[o.defaultWidth];
@@ -28730,15 +28730,15 @@ const L8 = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, S8 = {
-  date: dr({
+  date: ar({
     formats: L8,
     defaultWidth: "full"
   }),
-  time: dr({
+  time: ar({
     formats: z8,
     defaultWidth: "full"
   }),
-  dateTime: dr({
+  dateTime: ar({
     formats: $8,
     defaultWidth: "full"
   })
@@ -31533,15 +31533,15 @@ const gg = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, yg = {
-  date: dr({
+  date: ar({
     formats: mg,
     defaultWidth: "full"
   }),
-  time: dr({
+  time: ar({
     formats: vg,
     defaultWidth: "full"
   }),
-  dateTime: dr({
+  dateTime: ar({
     formats: wg,
     defaultWidth: "full"
   })
@@ -31865,15 +31865,15 @@ const gg = {
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
 }, Ug = {
-  date: dr({
+  date: ar({
     formats: Wg,
     defaultWidth: "full"
   }),
-  time: dr({
+  time: ar({
     formats: Gg,
     defaultWidth: "medium"
   }),
-  dateTime: dr({
+  dateTime: ar({
     formats: Yg,
     defaultWidth: "full"
   })
@@ -32155,7 +32155,7 @@ const on = class on extends F {
     (e.has("dateFrom") || e.has("dateTo") || e.has("hoveredDate") || e.has("day")) && this.dateChanged(this.dateFrom, this.dateTo, this.hoveredDate, this.day);
   }
   dateChanged(e = 0, t = 0, i = 0, r) {
-    this.selected = !1, this.hovered = !1, r && ((yo(er(e)) === r.date || yo(er(t)) === r.date) && (this.selected = !0), ((i === r.date || r.date < i) && r.date > e && !t && !Number.isNaN(e) && e !== void 0 && !this.selected || r.date > yo(er(e)) && r.date < yo(er(t))) && (this.hovered = !0));
+    this.selected = !1, this.hovered = !1, r && ((yo(J1(e)) === r.date || yo(J1(t)) === r.date) && (this.selected = !0), ((i === r.date || r.date < i) && r.date > e && !t && !Number.isNaN(e) && e !== void 0 && !this.selected || r.date > yo(J1(e)) && r.date < yo(J1(t))) && (this.hovered = !0));
   }
   handleTap() {
     var e;
@@ -32201,7 +32201,7 @@ const on = class on extends F {
         ${this.isCurrentDate ? "currentDate" : null} 
         ${this.isSelected(this.selected)} ${this.isHovered(this.hovered)}  
         ${this.disabled ? "disabled" : ""}
-        ${((t = this.day) == null ? void 0 : t.date) === yo(er(this.dateFrom)) ? "date-from" : ((i = this.day) == null ? void 0 : i.date) === yo(er(this.dateTo)) ? "date-to" : ""} 
+        ${((t = this.day) == null ? void 0 : t.date) === yo(J1(this.dateFrom)) ? "date-from" : ((i = this.day) == null ? void 0 : i.date) === yo(J1(this.dateTo)) ? "date-to" : ""} 
         ${this.dateTo === void 0 ? "single-selected" : ""}"
       >
         <div class="currentDayMarker">
@@ -33233,7 +33233,7 @@ var Qf = Object.defineProperty, he = (o, e, t, i) => {
 };
 const V1 = { en: sl, fr: _h, th: Vh }, nn = class nn extends F {
   constructor() {
-    super(...arguments), this.themeColor = "primary", this.color = "white", this.size = "md", this.month = "", this.year = "", this.locale = "th", this.todayText = "ตอนนี้", this.okText = "ตกลง", this.footerStyle = "between", this.rangeDate = !1, this.disableYearChange = !1, this.disableMonthChange = !1, this.displayGoToday = !1, this.displayOk = !1, this.disabledPrev = !1, this.disabledNext = !1, this.maxRange = 0, this.dayNamesOfTheWeek = [], this.yearsList = [], this.daysOfMonth = [], this.monthsList = [], this.hidden = !1, this.showTime = !1, this.timeFormat = "hms", this.currentTimeTarget = "dateFrom", this._currentDate = er(Date.now()), this._monthChangeDropdown = !1, this._yearChangeDropdown = !1, this._yearIndex = 0, this._chunkYearList = [], this._selectedFrom = this.dateFrom, this._selectedTo = this.dateTo;
+    super(...arguments), this.themeColor = "primary", this.color = "white", this.size = "md", this.month = "", this.year = "", this.locale = "th", this.todayText = "ตอนนี้", this.okText = "ตกลง", this.footerStyle = "between", this.rangeDate = !1, this.disableYearChange = !1, this.disableMonthChange = !1, this.displayGoToday = !1, this.displayOk = !1, this.disabledPrev = !1, this.disabledNext = !1, this.maxRange = 0, this.dayNamesOfTheWeek = [], this.yearsList = [], this.daysOfMonth = [], this.monthsList = [], this.hidden = !1, this.showTime = !1, this.timeFormat = "hms", this.currentTimeTarget = "dateFrom", this._currentDate = J1(Date.now()), this._monthChangeDropdown = !1, this._yearChangeDropdown = !1, this._yearIndex = 0, this._chunkYearList = [], this._selectedFrom = this.dateFrom, this._selectedTo = this.dateTo;
   }
   updated(e) {
     e.has("locale") && this.localeChanged(), (e.has("year") || e.has("month")) && this.yearAndMonthChanged(this.year, this.month);
@@ -34173,26 +34173,26 @@ ln.registeredName = "ssk-skeleton", ln.styles = P`
       height: 100%;
     }
   `;
-let cr = ln;
+let hr = ln;
 No([
   l({ type: String })
-], cr.prototype, "testId");
+], hr.prototype, "testId");
 No([
   l({ type: String })
-], cr.prototype, "skeletonShape");
+], hr.prototype, "skeletonShape");
 No([
   l({ type: String })
-], cr.prototype, "size");
+], hr.prototype, "size");
 No([
   l({ type: String })
-], cr.prototype, "width");
+], hr.prototype, "width");
 No([
   l({ type: String })
-], cr.prototype, "height");
+], hr.prototype, "height");
 No([
   l({ type: Number })
-], cr.prototype, "animationDuration");
-customElements.get("ssk-skeleton") || customElements.define("ssk-skeleton", cr);
+], hr.prototype, "animationDuration");
+customElements.get("ssk-skeleton") || customElements.define("ssk-skeleton", hr);
 var em = Object.defineProperty, oi = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
@@ -34503,7 +34503,7 @@ oi([
   G()
 ], St.prototype, "hasHeader");
 customElements.get("ssk-expandable-card") || customElements.define("ssk-expandable-card", St);
-const J1 = (o) => (o.getMonth() + 1).toString().padStart(2, "0"), ga = (o) => (o.getFullYear() + 543).toString(), Sh = (o) => o - 543;
+const Q1 = (o) => (o.getMonth() + 1).toString().padStart(2, "0"), ga = (o) => (o.getFullYear() + 543).toString(), Sh = (o) => o - 543;
 var tm = Object.defineProperty, $e = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
@@ -34593,7 +34593,7 @@ const dn = class dn extends F {
       const t = mt(e, this.format, /* @__PURE__ */ new Date());
       if (r1(t)) {
         const r = t.getTime();
-        this._cDateFrom = r, this._cMonth = J1(t), this._cYear = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeFrom = t.getTime());
+        this._cDateFrom = r, this._cMonth = Q1(t), this._cYear = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeFrom = t.getTime());
       }
     }
   }
@@ -34603,7 +34603,7 @@ const dn = class dn extends F {
   firstUpdated() {
     var t;
     if (!this._cMonth) {
-      const i = J1(/* @__PURE__ */ new Date());
+      const i = Q1(/* @__PURE__ */ new Date());
       this._cMonth = i;
     }
     var e = (t = this.shadowRoot) == null ? void 0 : t.querySelector(
@@ -34923,9 +34923,9 @@ const hn = class hn extends F {
   handleDateChanged({ detail: e }) {
     const { dateFrom: t, dateTo: i } = e, r = this._timeFrom, s = this._timeTo, n = new Date(t);
     if (this.valueFrom = r1(n) ? n : void 0, this.valueFrom) {
-      if (J1(this.valueFrom) === this._cMonthTo) {
+      if (Q1(this.valueFrom) === this._cMonthTo) {
         const h = mt(this._cMonthTo, "MM", /* @__PURE__ */ new Date());
-        this._cMonthFrom = J1(this.valueFrom), this._cMonthTo = Ft(_o(h, 1), "MM");
+        this._cMonthFrom = Q1(this.valueFrom), this._cMonthTo = Ft(_o(h, 1), "MM");
       }
       this.valueFrom && this.showTime && /HH|mm|ss/.test(this.format) && (this._timeFrom = this.valueFrom.getTime());
     }
@@ -34944,7 +34944,7 @@ const hn = class hn extends F {
       const t = mt(e, this.format, /* @__PURE__ */ new Date());
       if (r1(t)) {
         const r = t.getTime();
-        this._cDateFrom = r, this._cMonthFrom = J1(t), this._cYearFrom = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeFrom = t.getTime());
+        this._cDateFrom = r, this._cMonthFrom = Q1(t), this._cYearFrom = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeFrom = t.getTime());
       }
     }
   }
@@ -34953,7 +34953,7 @@ const hn = class hn extends F {
       const t = mt(e, this.format, /* @__PURE__ */ new Date());
       if (r1(t)) {
         const r = t.getTime();
-        this._cDateTo = r, this._cMonthTo = J1(t), this._cYearTo = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeTo = t.getTime());
+        this._cDateTo = r, this._cMonthTo = Q1(t), this._cYearTo = t.getFullYear().toString(), this.showTime && /HH|mm|ss/.test(this.format) && (this._timeTo = t.getTime());
       }
     }
   }
@@ -34990,7 +34990,7 @@ const hn = class hn extends F {
     var t;
     if (!this._cMonthFrom && !this._cMonthTo) {
       const i = /* @__PURE__ */ new Date();
-      this._cMonthFrom = J1(i);
+      this._cMonthFrom = Q1(i);
       const r = _o(i, 1);
       this._cMonthTo = Ft(r, "MM"), this._cYearFrom = i.getFullYear().toString(), this._cYearTo = r.getFullYear().toString();
     }
@@ -35040,7 +35040,7 @@ const hn = class hn extends F {
         this._sValueTo = t;
     else
       this._sValueTo = void 0;
-    this.handleChangedDateFrom(e), (this.valueFrom && J1(this.valueFrom)) !== (this.valueTo && J1(this.valueTo)) && this.handleChangedDateTo(t);
+    this.handleChangedDateFrom(e), (this.valueFrom && Q1(this.valueFrom)) !== (this.valueTo && Q1(this.valueTo)) && this.handleChangedDateTo(t);
   }
   render() {
     var i, r, s, n, a, h, c, g;
@@ -36379,11 +36379,11 @@ function pm() {
         var k = v.substring(7).split(",");
         return (!k.length || v === "none") && (k = [1, 0, 0, 1, 0, 0]), new ie(_(k[4]), _(k[5]), parseFloat(k[0]));
       }, ie.fromString = function(v) {
-        var k = v.split(") "), b = k[0].substring(X1.globals.translate.length + 1).split(","), S = k.length > 1 ? k[1].substring(6) : 1, E = b.length > 1 ? b[0] : 0, A = b.length > 1 ? b[1] : 0;
+        var k = v.split(") "), b = k[0].substring(q1.globals.translate.length + 1).split(","), S = k.length > 1 ? k[1].substring(6) : 1, E = b.length > 1 ? b[0] : 0, A = b.length > 1 ? b[1] : 0;
         return new ie(E, A, S);
       }, ie.prototype.toString = function() {
-        var v = X[X1.globals.translate].suffix || "";
-        return X1.globals.translate + "(" + this.x + "px, " + this.y + "px" + v + ") scale(" + this.scale + ")";
+        var v = X[q1.globals.translate].suffix || "";
+        return q1.globals.translate + "(" + this.x + "px, " + this.y + "px" + v + ") scale(" + this.scale + ")";
       };
       var Ce = function(v) {
         if (!v || !v.style[n]) {
@@ -36639,7 +36639,7 @@ function pm() {
       }
       function Et() {
         var v = this, k = 1, b = {}, S = v.elements.preview, E, A = new ie(0, 0, k), W = new Ce(), Q = _t.call(v);
-        !Q || v.data.bound || (v.data.bound = !0, b[a] = A.toString(), b[n] = W.toString(), b.opacity = 1, H(S, b), E = v.elements.preview.getBoundingClientRect(), v._originalImageWidth = E.width, v._originalImageHeight = E.height, v.data.orientation = Ht.call(v) ? Ie(v.elements.img) : v.data.orientation, v.options.enableZoom ? pi.call(v, !0) : v._currentZoom = k, A.scale = v._currentZoom, b[a] = A.toString(), H(S, b), v.data.points.length ? wr.call(v, v.data.points) : q1.call(v), j.call(v), ae.call(v));
+        !Q || v.data.bound || (v.data.bound = !0, b[a] = A.toString(), b[n] = W.toString(), b.opacity = 1, H(S, b), E = v.elements.preview.getBoundingClientRect(), v._originalImageWidth = E.width, v._originalImageHeight = E.height, v.data.orientation = Ht.call(v) ? Ie(v.elements.img) : v.data.orientation, v.options.enableZoom ? pi.call(v, !0) : v._currentZoom = k, A.scale = v._currentZoom, b[a] = A.toString(), H(S, b), v.data.points.length ? wr.call(v, v.data.points) : U1.call(v), j.call(v), ae.call(v));
       }
       function pi(v) {
         var k = this, b = Math.max(k.options.minZoom, 0) || 0, S = k.options.maxZoom || 1.5, E, A, W = k.elements.zoomer, Q = parseFloat(W.value), le = k.elements.boundary.getBoundingClientRect(), oe = N(k.elements.img, k.data.orientation), de = k.elements.viewport.getBoundingClientRect(), ke, D;
@@ -36654,7 +36654,7 @@ function pm() {
         }, W = S.width / b, Q = v[1], le = v[0], oe = -1 * v[1] + A.top, de = -1 * v[0] + A.left, ke = {};
         ke[n] = le + "px " + Q + "px", ke[a] = new ie(de, oe, W).toString(), H(k.elements.preview, ke), U.call(k, W), k._currentZoom = W;
       }
-      function q1() {
+      function U1() {
         var v = this, k = v.elements.preview.getBoundingClientRect(), b = v.elements.viewport.getBoundingClientRect(), S = v.elements.boundary.getBoundingClientRect(), E = b.left - S.left, A = b.top - S.top, W = E - (k.width - b.width) / 2, Q = A - (k.height - b.height) / 2, le = new ie(W, Q, v._currentZoom);
         H(v.elements.preview, a, le.toString());
       }
@@ -36798,15 +36798,15 @@ function pm() {
             });
           } else
             return this.each(function() {
-              var E = new X1(this, v);
+              var E = new q1(this, v);
               E.$ = Or, Or(this).data("croppie", E);
             });
         };
       }
-      function X1(v, k) {
+      function q1(v, k) {
         if (v.className.indexOf("croppie-container") > -1)
           throw new Error("Croppie: Can't initialize croppie more than once");
-        if (this.element = v, this.options = u(m(X1.defaults), k), this.element.tagName.toLowerCase() === "img") {
+        if (this.element = v, this.options = u(m(q1.defaults), k), this.element.tagName.toLowerCase() === "img") {
           var b = this.element;
           V(b, "cr-original-image"), z(b, { "aria-hidden": "true", alt: "" });
           var S = document.createElement("div");
@@ -36820,7 +36820,7 @@ function pm() {
           delete this.options.url, delete this.options.points, o5.call(this, E);
         }
       }
-      return X1.defaults = {
+      return q1.defaults = {
         viewport: {
           width: 100,
           height: 100,
@@ -36847,9 +36847,9 @@ function pm() {
         enableKeyMovement: !0,
         update: function() {
         }
-      }, X1.globals = {
+      }, q1.globals = {
         translate: "translate3d"
-      }, u(X1.prototype, {
+      }, u(q1.prototype, {
         bind: function(v, k) {
           return o5.call(this, v, k);
         },
@@ -36872,7 +36872,7 @@ function pm() {
         destroy: function() {
           return Zh.call(this);
         }
-      }), X1;
+      }), q1;
     });
   })(Go, Go.exports)), Go.exports;
 }
@@ -38749,7 +38749,7 @@ Re([
   l({ type: String })
 ], Ee.prototype, "dropdownAnchor");
 customElements.get("ssk-pagination") || customElements.define("ssk-pagination", Ee);
-var km = Object.defineProperty, Y1 = (o, e, t, i) => {
+var km = Object.defineProperty, G1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && km(e, t, r), r;
@@ -38943,35 +38943,35 @@ Mn.registeredName = "ssk-progress-bar", Mn.styles = P`
     }
   `;
 let qi = Mn;
-Y1([
+G1([
   O({ context: Y, subscribe: !0 }),
   l({ attribute: !1 })
 ], qi.prototype, "theme");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "themeColor");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "color");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "size");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "width");
-Y1([
+G1([
   l({ type: Number })
 ], qi.prototype, "value");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "labelPosition");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "status");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "styleOfProgress");
-Y1([
+G1([
   l({ type: String })
 ], qi.prototype, "label");
 customElements.get("ssk-progress-bar") || customElements.define("ssk-progress-bar", qi);
@@ -39555,27 +39555,27 @@ zn.registeredName = "ssk-sidebar-item", zn.styles = P`
       color: var(--text-secondary, #6b7280);
     }
   `;
-let pr = zn;
+let cr = zn;
 Io([
   O({ context: dl, subscribe: !0 }),
   l({ attribute: !1 })
-], pr.prototype, "state");
+], cr.prototype, "state");
 Io([
   l({ type: String })
-], pr.prototype, "testId");
+], cr.prototype, "testId");
 Io([
   l({ type: String })
-], pr.prototype, "key");
+], cr.prototype, "key");
 Io([
   l({ type: String })
-], pr.prototype, "label");
+], cr.prototype, "label");
 Io([
   l({ type: Boolean })
-], pr.prototype, "disabled");
+], cr.prototype, "disabled");
 Io([
   l({ type: Boolean })
-], pr.prototype, "actived");
-customElements.get("ssk-sidebar-item") || customElements.define("ssk-sidebar-item", pr);
+], cr.prototype, "actived");
+customElements.get("ssk-sidebar-item") || customElements.define("ssk-sidebar-item", cr);
 var zm = Object.defineProperty, $m = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
@@ -41706,7 +41706,7 @@ class L {
     return !(!e || e.w === e.h || e.locked || e.noResize || (t = e.grid) != null && t.opts.disableResize || e.minW && e.minW === e.maxW || e.minH && e.minH === e.maxH);
   }
 }
-class ir {
+class tr {
   constructor(e = {}) {
     this.addedNodes = [], this.removedNodes = [], this.defaultColumn = 12, this.column = e.column || this.defaultColumn, this.column > this.defaultColumn && (this.defaultColumn = this.column), this.maxRow = e.maxRow, this._float = e.float, this.nodes = e.nodes || [], this.onChange = e.onChange;
   }
@@ -41884,7 +41884,7 @@ class ir {
    * @param resizing if out of bound, resize down or move into the grid to fit ?
    */
   prepareNode(e, t) {
-    e._id = e._id ?? ir._idSeq++;
+    e._id = e._id ?? tr._idSeq++;
     const i = e.id;
     if (i) {
       let s = 1;
@@ -41979,7 +41979,7 @@ class ir {
     if (t.pack = !0, !this.maxRow)
       return this.moveNode(e, t);
     let i;
-    const r = new ir({
+    const r = new tr({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((n) => n._id === e._id ? (i = { ...n }, i) : { ...n })
@@ -42001,7 +42001,7 @@ class ir {
   willItFit(e) {
     if (delete e._willFitPos, !this.maxRow)
       return !0;
-    const t = new ir({
+    const t = new tr({
       column: this.column,
       float: this.float,
       nodes: this.nodes.map((r) => ({ ...r }))
@@ -42137,7 +42137,7 @@ class ir {
     return e.forEach((s, n) => {
       if (s._id === void 0) {
         const a = s.id ? this.nodes.find((h) => h.id === s.id) : void 0;
-        s._id = (a == null ? void 0 : a._id) ?? ir._idSeq++;
+        s._id = (a == null ? void 0 : a._id) ?? tr._idSeq++;
       }
       r[n] = { x: s.x, y: s.y, w: s.w, _id: s._id };
     }), this._layouts = i ? [] : this._layouts || [], this._layouts[t] = r, this;
@@ -42148,7 +42148,7 @@ class ir {
    * @param column corresponding column index to save it under
    */
   cacheOneLayout(e, t) {
-    e._id = e._id ?? ir._idSeq++;
+    e._id = e._id ?? tr._idSeq++;
     const i = { x: e.x, y: e.y, w: e.w, _id: e._id };
     (e.autoPosition || e.x === void 0) && (delete i.x, delete i.y, e.autoPosition && (i.autoPosition = !0)), this._layouts = this._layouts || [], this._layouts[t] = this._layouts[t] || [];
     const r = this.findCacheLayout(e, t);
@@ -42172,7 +42172,7 @@ class ir {
     return this;
   }
 }
-ir._idSeq = 0;
+tr._idSeq = 0;
 const ji = {
   alwaysShowResizeHandle: "mobile",
   animate: !0,
@@ -42901,7 +42901,7 @@ Note: ".grid-stack" is required for proper CSS styling and drag/drop, and is the
       delete t.cellHeight, this.cellHeight(g);
     }
     t.alwaysShowResizeHandle === "mobile" && (t.alwaysShowResizeHandle = w1), this._setStaticClass();
-    const h = t.engineClass || ee.engineClass || ir;
+    const h = t.engineClass || ee.engineClass || tr;
     if (this.engine = new h({
       column: this.getColumn(),
       float: t.float,
@@ -44002,7 +44002,7 @@ ee.renderCB = (o, e) => {
 };
 ee.resizeToContentParent = ".grid-stack-item-content";
 ee.Utils = L;
-ee.Engine = ir;
+ee.Engine = tr;
 ee.GDRev = "12.2.2";
 const Om = `.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}`;
 var Rm = Object.defineProperty, Oo = (o, e, t, i) => {
@@ -44060,7 +44060,7 @@ const Dn = class Dn extends F {
     `;
   }
 };
-Dn.registeredName = "ds-widget-grid", Dn.styles = [
+Dn.registeredName = "ssk-widget-grid", Dn.styles = [
   P`
       :host { display: block; }
       .grid-stack { width: var(--grid-width); }
@@ -44070,28 +44070,27 @@ Dn.registeredName = "ds-widget-grid", Dn.styles = [
     `,
   Wh(Om)
 ];
-let O1 = Dn;
+let pr = Dn;
 Oo([
   l({ type: String })
-], O1.prototype, "testId");
+], pr.prototype, "testId");
 Oo([
   l({ type: Boolean, attribute: "draggable" })
-], O1.prototype, "draggable");
+], pr.prototype, "draggable");
 Oo([
   l({ type: String, attribute: "gap" })
-], O1.prototype, "gap");
+], pr.prototype, "gap");
 Oo([
   l({ type: Number, attribute: "grid-item-size" })
-], O1.prototype, "gridItemSize");
+], pr.prototype, "gridItemSize");
 Oo([
   l({ type: Number, attribute: "max-columns" })
-], O1.prototype, "maxColumns");
+], pr.prototype, "maxColumns");
 Oo([
   l({ type: Array })
-], O1.prototype, "items");
-customElements.get("ds-widget-grid") || customElements.define("ds-widget-grid", O1);
-customElements.get("ssk-widget-grid") || customElements.define("ssk-widget-grid", O1);
-var jm = Object.defineProperty, U1 = (o, e, t, i) => {
+], pr.prototype, "items");
+customElements.get("ssk-widget-grid") || customElements.define("ssk-widget-grid", pr);
+var jm = Object.defineProperty, Y1 = (o, e, t, i) => {
   for (var r = void 0, s = o.length - 1, n; s >= 0; s--)
     (n = o[s]) && (r = n(e, t, r) || r);
   return r && jm(e, t, r), r;
@@ -44404,34 +44403,34 @@ Tn.registeredName = "ssk-card", Tn.styles = P`
     
   `;
 let Xi = Tn;
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "testId");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "color");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "title");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "subtitle");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "description");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "image");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "type");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "variant");
-U1([
+Y1([
   l({ type: String })
 ], Xi.prototype, "width");
-U1([
+Y1([
   l({ type: Boolean })
 ], Xi.prototype, "loading");
 customElements.get("ssk-card") || customElements.define("ssk-card", Xi);
@@ -44500,13 +44499,13 @@ export {
   Er as SidebarAccountSwitcher,
   Br as SidebarGroup,
   Ao as SidebarHeader,
-  pr as SidebarItems,
+  cr as SidebarItems,
   ns as SidebarList,
-  cr as Skeleton,
+  hr as Skeleton,
   zr as Spinner,
   xt as Stepper,
   B1 as TabButton,
-  hr as TabHeader,
+  dr as TabHeader,
   Ve as Table,
   s0 as TableCell,
   io as TableRow,
@@ -44525,7 +44524,7 @@ export {
   Jr as Translate,
   I1 as WaveIcon,
   Si as WidgetExample,
-  O1 as WidgetGrid,
+  pr as WidgetGrid,
   be as WidgetMatric,
   fe as WidgetTable,
   Fe as WidgetTitle,