@salesql/sql_components_vue3 0.3.1 → 2.0.0

package/dist/index.es.js

@@ -1,123 +1,123 @@
-import { defineComponent as L, computed as h, openBlock as s, createElementBlock as n, normalizeClass as o, createElementVNode as d, toDisplayString as u, createCommentVNode as y, createBlock as I, unref as g, renderSlot as A, Fragment as b, renderList as S, normalizeStyle as v, createTextVNode as R } from "vue";
-const T = {
+import { defineComponent as $, openBlock as t, createElementBlock as a, normalizeStyle as L, normalizeClass as m, computed as h, createBlock as D, unref as S, createCommentVNode as u, renderSlot as I, createElementVNode as d, toDisplayString as v, Fragment as A, renderList as V, createTextVNode as O, useModel as Q, useSlots as oe, ref as R, withDirectives as Z, vModelDynamic as ye, mergeModels as U, vModelText as ve, onMounted as se, watch as de, vModelCheckbox as be, onBeforeUnmount as j, Teleport as re, createVNode as p, Transition as ce, withCtx as J, nextTick as me, withModifiers as ue } from "vue";
+const W = {
+  DARK: "dark",
+  // slate ring — for light surfaces (default)
   LIGHT: "light",
-  // para fondos oscuros: spinner claro
-  DARK: "dark"
-  // para fondos claros: spinner oscuro
-}, B = {
-  SMALL: "small",
-  MEDIUM: "medium",
-  LARGE: "large"
-}, N = ["aria-label", "aria-live", "aria-hidden"], k = {
-  key: 0,
-  class: "sr-only"
-}, D = /* @__PURE__ */ L({
-  __name: "SqlSpinner",
+  // white ring — for dark surfaces / solid buttons
+  ACCENT: "accent"
+  // accent ring
+}, ge = ["aria-label"], he = /* @__PURE__ */ $({
+  __name: "DsSpinner",
   props: {
-    type: {
+    size: { type: Number, default: 24 },
+    tone: {
       type: String,
-      default: T.DARK
+      default: W.DARK
     },
-    size: {
-      type: String,
-      default: B.SMALL
-    },
-    // Opcional: texto accesible (si no hay, marcamos aria-hidden)
-    label: {
-      type: String,
-      default: ""
-    }
+    // Accessible name (DS default "Loading"); the consuming app can override for
+    // i18n. role="status" + aria-label are always present, never opt-in.
+    label: { type: String, default: "Loading" }
   },
   setup(e) {
-    const i = e, l = h(() => i.label && i.label.length > 0);
-    return (t, a) => (s(), n("span", {
-      class: o(["sql-spinner", [`theme-${e.type}`, `sql-spinner--${e.size}`]]),
+    return (i, l) => (t(), a("span", {
+      class: m(["ds-spinner", `ds-spinner--${e.tone}`]),
       role: "status",
-      "aria-label": l.value ? e.label : void 0,
-      "aria-live": l.value ? "polite" : void 0,
-      "aria-hidden": l.value ? void 0 : "true"
-    }, [
-      a[0] || (a[0] = d("span", { class: "ring" }, null, -1)),
-      l.value ? (s(), n("span", k, u(e.label), 1)) : y("", !0)
-    ], 10, N));
+      style: L({ width: `${e.size}px`, height: `${e.size}px` }),
+      "aria-label": e.label || void 0
+    }, null, 14, ge));
   }
-}), m = (e, i) => {
+}), T = (e, i) => {
   const l = e.__vccOpts || e;
-  for (const [t, a] of i)
-    l[t] = a;
+  for (const [r, s] of i)
+    l[r] = s;
   return l;
-}, M = /* @__PURE__ */ m(D, [["__scopeId", "data-v-9694500e"]]), E = {
+}, Se = /* @__PURE__ */ T(he, [["__scopeId", "data-v-4d32b0a5"]]), ee = "click", C = "close", F = "focus", z = "blur", G = "copy", _ = "correct", P = "incorrect", te = "sort", ae = "edit", H = {
   DEFAULT: "default",
+  // white surface, dark text (the default value; == tertiary)
   PRIMARY: "primary",
+  // solid accent fill, white text — the main CTA
   SECONDARY: "secondary",
+  // slate surface fill, dark text
   TERTIARY: "tertiary",
-  SPECIAL: "special",
-  SPECIAL2: "special2",
-  SPECIAL3: "special3",
-  DOTTED: "dotted",
-  DANGER: "danger",
-  GRADIENT: "gradient"
-}, q = {
+  // white surface, dark text (low-emphasis row action)
+  QUATERNARY: "quaternary",
+  // accent text + accent-mid border on white
+  QUINARY: "quinary",
+  // accent text on white, no border (link-style)
+  WARNING: "warning",
+  // solid red fill, white text — destructive / delete
+  DOTTED: "dotted"
+  // transparent, dashed border, 24px radius — "add" affordance
+}, ie = {
   SMALL: "small",
-  SMALL_SQUARE: "small-square",
-  SMALL_SQUARE_NO_PADDING: "small-square-no-padding",
+  // 24px
   MEDIUM: "medium",
-  MEDIUM_SQUARE: "medium-square",
+  // 32px
   LARGE: "large",
-  LARGE_SQUARE: "large-square",
-  XLARGE: "xlarge",
-  XLARGE_SQUARE: "xlarge-square"
-}, $ = {
+  // 36px
+  XLARGE: "xlarge"
+  // 48px
+}, ke = {
   BUTTON: "button",
   SUBMIT: "submit",
   RESET: "reset"
-}, p = "click", U = ["type", "disabled", "autofocus", "aria-busy", "aria-disabled", "aria-pressed"], G = {
+}, $e = ["type", "disabled", "autofocus", "aria-busy", "aria-disabled", "aria-pressed", "aria-label"], Te = {
   key: 1,
-  class: "slotted-content"
-}, C = /* @__PURE__ */ L({
-  __name: "SqlButton",
+  class: "ds-button__icon ds-button__icon--leading"
+}, Ie = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Ce = {
+  key: 2,
+  class: "ds-button__label"
+}, Ee = {
+  key: 3,
+  class: "ds-button__icon ds-button__icon--trailing"
+}, we = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Le = /* @__PURE__ */ $({
+  __name: "DsButton",
   props: {
-    type: {
-      type: String,
-      default: E.DEFAULT
-    },
-    size: {
-      type: String,
-      default: q.LARGE
-    },
+    variant: { type: String, default: H.DEFAULT },
+    size: { type: String, default: ie.MEDIUM },
     nativeType: {
       type: String,
-      default: $.BUTTON
+      default: ke.BUTTON
     },
-    selected: {
-      type: Boolean,
-      default: null
-    },
-    loading: Boolean,
+    // Material Icon names (rendered via <i class="material-icons">); a leading/
+    // trailing slot overrides. Icon-only buttons (circle/square) need ariaLabel.
+    leftIcon: { type: String, default: "" },
+    rightIcon: { type: String, default: "" },
+    ariaLabel: { type: String, default: "" },
     disabled: Boolean,
-    plain: Boolean,
-    autofocus: Boolean,
-    round: Boolean,
-    circle: Boolean
+    loading: Boolean,
+    // Round icon-only button (width === height, fully circular).
+    circle: Boolean,
+    // Flat 4px-radius icon-only button (the DS `*-square` sizes): symmetric padding
+    // per size, height === width.
+    square: Boolean,
+    // Toggle state: accent outline + fill; sets aria-pressed (DS `selected`).
+    selected: Boolean,
+    autofocus: Boolean
   },
+  emits: [ee],
   setup(e, { emit: i }) {
-    const l = e, t = i, a = h(
-      () => l.type === E.PRIMARY || l.type === E.DANGER ? T.LIGHT : T.DARK
+    const l = e, r = i, s = h(() => l.size === ie.SMALL ? 14 : 20), n = h(
+      () => l.variant === H.PRIMARY || l.variant === H.WARNING ? W.LIGHT : W.DARK
     );
-    function r(c) {
-      l.disabled || l.loading || t(p, c);
+    function o(c) {
+      l.disabled || l.loading || r(ee, c);
     }
-    return (c, F) => (s(), n("button", {
-      class: o(["sql-button", [
-        e.type ? `sql-button--${e.type}` : "",
-        e.size ? `sql-button--${e.size}` : "",
+    return (c, b) => (t(), a("button", {
+      class: m(["ds-button", [
+        `ds-button--${e.variant}`,
+        `ds-button--${e.size}`,
         {
-          "is-disabled": e.disabled,
+          "is-disabled": e.disabled || e.loading,
           "is-loading": e.loading,
           "is-circle": e.circle,
-          "is-plain": e.plain,
-          "is-round": e.round,
-          "selectable-button": e.selected !== null,
+          "is-square": e.square,
           "is-selected": e.selected
         }
       ]]),
@@ -126,29 +126,162 @@ const T = {
       autofocus: e.autofocus,
       "aria-busy": e.loading || void 0,
       "aria-disabled": e.disabled || e.loading || void 0,
-      "aria-pressed": e.selected !== null ? !!e.selected : void 0,
-      onClick: r
+      "aria-pressed": e.selected || void 0,
+      "aria-label": e.ariaLabel || void 0,
+      onClick: o
     }, [
-      d("span", {
-        class: o(["slot-container", { "is-loading": e.loading }])
-      }, [
-        e.loading ? (s(), I(g(M), {
-          key: 0,
-          class: "sql-spinner",
-          type: a.value
-        }, null, 8, ["type"])) : y("", !0),
-        c.$slots.default ? (s(), n("div", G, [
-          A(c.$slots, "default", {}, void 0, !0)
-        ])) : y("", !0)
-      ], 2)
-    ], 10, U));
+      e.loading ? (t(), D(S(Se), {
+        key: 0,
+        class: "ds-button__spinner",
+        size: s.value,
+        tone: n.value
+      }, null, 8, ["size", "tone"])) : u("", !0),
+      !e.loading && (e.leftIcon || c.$slots.leading) ? (t(), a("span", Te, [
+        I(c.$slots, "leading", {}, () => [
+          d("i", Ie, v(e.leftIcon), 1)
+        ], !0)
+      ])) : u("", !0),
+      !e.loading && c.$slots.default ? (t(), a("span", Ce, [
+        I(c.$slots, "default", {}, void 0, !0)
+      ])) : u("", !0),
+      !e.loading && (e.rightIcon || c.$slots.trailing) ? (t(), a("span", Ee, [
+        I(c.$slots, "trailing", {}, () => [
+          d("i", we, v(e.rightIcon), 1)
+        ], !0)
+      ])) : u("", !0)
+    ], 10, $e));
+  }
+}), K = /* @__PURE__ */ T(Le, [["__scopeId", "data-v-2d17382d"]]), De = {
+  DEFAULT: "default",
+  // white bg, slate-tint border, muted text
+  GREY: "grey",
+  // alias of `default` — the DS app passes tone="grey" (ApiApp.jsx)
+  SUCCESS: "success",
+  // e.g. Verified
+  INFO: "info",
+  // e.g. Work
+  WARNING: "warning",
+  // e.g. Pending
+  ERROR: "error"
+  // e.g. Bounced
+}, Ne = ["aria-label"], Re = /* @__PURE__ */ $({
+  __name: "DsTag",
+  props: {
+    tone: {
+      type: String,
+      default: De.DEFAULT
+    },
+    // Semicircular sides (DS `rounded`): radius-round vs the default radius-control.
+    rounded: Boolean,
+    // Show a × close control that emits `close`.
+    closable: Boolean,
+    // Accessible name for the × control (the app owns the wording / i18n).
+    closeLabel: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e, { emit: i }) {
+    const l = i;
+    return (r, s) => (t(), a("span", {
+      class: m(["ds-tag", [`ds-tag--${e.tone}`, { "is-rounded": e.rounded }]])
+    }, [
+      I(r.$slots, "default", {}, void 0, !0),
+      e.closable ? (t(), a("button", {
+        key: 0,
+        type: "button",
+        class: "ds-tag__close",
+        "aria-label": e.closeLabel || void 0,
+        onClick: s[0] || (s[0] = (n) => l(S(C)))
+      }, [...s[1] || (s[1] = [
+        d("i", {
+          class: "material-icons",
+          "aria-hidden": "true"
+        }, "close", -1)
+      ])], 8, Ne)) : u("", !0)
+    ], 2));
+  }
+}), ea = /* @__PURE__ */ T(Re, [["__scopeId", "data-v-fc383bb9"]]), X = {
+  ACCENT: "accent",
+  // e.g. Work (purple)
+  GREY: "grey",
+  // e.g. Direct (slate-soft)
+  INFO: "info",
+  // e.g. Mobile (blue)
+  SUCCESS: "success",
+  // e.g. New (green)
+  ERROR: "error",
+  // coral
+  WARNING: "warning"
+  // orange
+}, Be = /* @__PURE__ */ $({
+  __name: "DsBadge",
+  props: {
+    tone: {
+      type: String,
+      default: X.ACCENT
+    }
+  },
+  setup(e) {
+    return (i, l) => (t(), a("span", {
+      class: m(["ds-badge", `ds-badge--${e.tone}`])
+    }, [
+      I(i.$slots, "default", {}, void 0, !0)
+    ], 2));
   }
-}), x = /* @__PURE__ */ m(C, [["__scopeId", "data-v-9eeb1a72"]]), f = {
+}), Ae = /* @__PURE__ */ T(Be, [["__scopeId", "data-v-f10a17a0"]]), Oe = ["src", "alt"], xe = ["aria-label"], Me = /* @__PURE__ */ $({
+  __name: "DsAvatar",
+  props: {
+    image: { type: String, default: "" },
+    firstName: { type: String, default: "" },
+    lastName: { type: String, default: "" },
+    uid: { type: String, default: "" },
+    size: { type: Number, default: 40 },
+    circular: Boolean,
+    // Accessible label (defaults to "firstName lastName").
+    alt: { type: String, default: "" }
+  },
+  setup(e) {
+    const i = e, l = h(
+      () => i.firstName && i.lastName ? (i.firstName.charAt(0) + i.lastName.charAt(0)).toUpperCase() : ""
+    ), r = h(() => i.alt || `${i.firstName} ${i.lastName}`.trim()), s = h(() => ({ width: `${i.size}px`, height: `${i.size}px` })), n = h(() => {
+      const o = i.uid || i.firstName + i.lastName;
+      let c = 0;
+      for (let f = 0; f < o.length; f++)
+        c = o.charCodeAt(f) + ((c << 5) - c), c = c & c;
+      const b = [0, 0, 0];
+      for (let f = 0; f < 3; f++) b[f] = c >> f * 8 & 255;
+      const y = b[0] >= 200 && b[1] >= 200 && b[2] >= 200;
+      return { bg: `rgb(${b[0]}, ${b[1]}, ${b[2]})`, fg: y ? "#323f4b" : "#fff" };
+    });
+    return (o, c) => e.image ? (t(), a("img", {
+      key: 0,
+      class: m(["ds-avatar", { "is-circular": e.circular }]),
+      src: e.image,
+      alt: e.alt,
+      style: L(s.value)
+    }, null, 14, Oe)) : l.value ? (t(), a("div", {
+      key: 1,
+      class: m(["ds-avatar ds-avatar--initials", { "is-circular": e.circular }]),
+      role: "img",
+      "aria-label": r.value || void 0,
+      style: L([
+        s.value,
+        { background: n.value.bg, color: n.value.fg, fontSize: `${Math.round(e.size * 0.4)}px` }
+      ])
+    }, v(l.value), 15, xe)) : (t(), a("div", {
+      key: 2,
+      class: m(["ds-avatar ds-avatar--placeholder", { "is-circular": e.circular }]),
+      style: L(s.value),
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}), ta = /* @__PURE__ */ T(Me, [["__scopeId", "data-v-e965ed47"]]), le = {
   LEFT: "left",
   CENTER: "center",
   RIGHT: "right"
-}, O = { class: "basic-table" }, P = { class: "basic-table__wrapper" }, Q = { class: "basic-table__table" }, _ = { key: 0 }, z = ["colspan"], w = /* @__PURE__ */ L({
-  __name: "BasicTable",
+}, Ue = { class: "ds-table" }, Ve = { class: "ds-table__wrapper" }, Fe = { key: 0 }, ze = ["colspan"], Ge = /* @__PURE__ */ $({
+  __name: "DsTable",
   props: {
     columns: {
       type: Array,
@@ -161,67 +294,909 @@ const T = {
     emptyMessage: {
       type: String,
       default: ""
+    },
+    // id of the row to highlight (the DS "most likely" row → accent surface).
+    highlightRowId: {
+      type: [String, Number],
+      default: null
+    },
+    // Optional fixed row height (number → px, or any CSS length). Rows are
+    // content-driven by default; when set, this pins the height AND truncates
+    // overflowing cell text with an ellipsis.
+    rowHeight: {
+      type: [String, Number],
+      default: null
     }
   },
   setup(e) {
-    return (i, l) => (s(), n("div", O, [
-      d("div", P, [
-        d("table", Q, [
+    const i = e, l = h(
+      () => i.rowHeight == null ? void 0 : {
+        "--ds-table-row-height": typeof i.rowHeight == "number" ? `${i.rowHeight}px` : i.rowHeight
+      }
+    );
+    return (r, s) => (t(), a("div", Ue, [
+      d("div", Ve, [
+        d("table", {
+          class: m(["ds-table__table", { "has-row-height": e.rowHeight != null }]),
+          style: L(l.value)
+        }, [
           d("thead", null, [
             d("tr", null, [
-              (s(!0), n(b, null, S(e.columns, (t) => {
-                var a;
-                return s(), n("th", {
-                  key: t.key,
-                  class: o(`basic-table__th--${(a = t.align) != null ? a : g(f).LEFT}`),
-                  style: v(t.width ? { width: t.width } : void 0)
-                }, u(t.label), 7);
+              (t(!0), a(A, null, V(e.columns, (n) => {
+                var o;
+                return t(), a("th", {
+                  key: n.key,
+                  class: m(`ds-table__th--${(o = n.align) != null ? o : S(le).LEFT}`),
+                  style: L(n.width ? { width: n.width } : void 0)
+                }, v(n.label), 7);
               }), 128))
             ])
           ]),
           d("tbody", null, [
-            e.rows.length === 0 ? (s(), n("tr", _, [
+            e.rows.length === 0 ? (t(), a("tr", Fe, [
               d("td", {
-                class: "basic-table__empty",
+                class: "ds-table__empty",
                 colspan: e.columns.length,
-                "data-testid": "basic-table-empty"
+                "data-testid": "ds-table-empty"
               }, [
-                A(i.$slots, "empty", {}, () => [
-                  R(u(e.emptyMessage), 1)
+                I(r.$slots, "empty", {}, () => [
+                  O(v(e.emptyMessage), 1)
                 ], !0)
-              ], 8, z)
-            ])) : y("", !0),
-            (s(!0), n(b, null, S(e.rows, (t) => (s(), n("tr", {
-              key: t.id,
-              "data-testid": "basic-table-row"
+              ], 8, ze)
+            ])) : u("", !0),
+            (t(!0), a(A, null, V(e.rows, (n) => (t(), a("tr", {
+              key: n.id,
+              class: m({ "is-highlighted": n.id === e.highlightRowId }),
+              "data-testid": "ds-table-row"
             }, [
-              (s(!0), n(b, null, S(e.columns, (a) => {
-                var r;
-                return s(), n("td", {
-                  key: a.key,
-                  class: o(`basic-table__td--${(r = a.align) != null ? r : g(f).LEFT}`)
+              (t(!0), a(A, null, V(e.columns, (o) => {
+                var c;
+                return t(), a("td", {
+                  key: o.key,
+                  class: m(`ds-table__td--${(c = o.align) != null ? c : S(le).LEFT}`)
                 }, [
-                  A(i.$slots, `cell-${a.key}`, { row: t }, () => [
-                    R(u(t[a.key]), 1)
+                  I(r.$slots, `cell-${o.key}`, { row: n }, () => [
+                    O(v(n[o.key]), 1)
                   ], !0)
                 ], 2);
               }), 128))
-            ]))), 128))
+            ], 2))), 128))
           ])
-        ])
+        ], 6)
       ])
     ]));
   }
-}), H = /* @__PURE__ */ m(w, [["__scopeId", "data-v-8f713759"]]);
+}), aa = /* @__PURE__ */ T(Ge, [["__scopeId", "data-v-45342363"]]), Y = {
+  TEXT: "text",
+  EMAIL: "email",
+  PASSWORD: "password",
+  TEL: "tel",
+  NUMBER: "number",
+  SEARCH: "search",
+  URL: "url"
+}, _e = {
+  SM: "sm",
+  // 36px
+  MD: "md"
+  // 48px
+}, Pe = { class: "ds-input__wrap" }, pe = ["id", "type", "placeholder", "disabled", "name", "autocomplete", "aria-invalid", "aria-describedby"], He = {
+  key: 0,
+  class: "ds-input__suffix"
+}, Ye = {
+  key: 0,
+  class: "material-icons ds-input__error-icon",
+  "aria-hidden": "true"
+}, qe = ["aria-label", "aria-pressed"], We = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Ke = ["id"], Xe = /* @__PURE__ */ $({
+  __name: "DsInput",
+  props: /* @__PURE__ */ U({
+    type: { type: String, default: Y.TEXT },
+    size: { type: String, default: _e.SM },
+    placeholder: { type: String, default: "" },
+    disabled: Boolean,
+    error: Boolean,
+    errorMessage: { type: String, default: "" },
+    showErrorIcon: Boolean,
+    name: { type: String, default: "" },
+    id: { type: String, default: "" },
+    autocomplete: { type: String, default: "" },
+    // Accessible name for the password visibility toggle.
+    toggleLabel: { type: String, default: "" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U([F, z], ["update:modelValue"]),
+  setup(e, { emit: i }) {
+    const l = Q(e, "modelValue"), r = e, s = i, n = oe(), o = R(!1), c = h(() => r.type === Y.PASSWORD), b = h(
+      () => c.value && o.value ? Y.TEXT : r.type
+    ), y = h(
+      () => !!n.suffix || r.error && r.showErrorIcon || c.value
+    );
+    return (f, g) => (t(), a("div", {
+      class: m(["ds-input", [`ds-input--${e.size}`, { "is-error": e.error, "is-disabled": e.disabled }]])
+    }, [
+      d("div", Pe, [
+        Z(d("input", {
+          id: e.id || void 0,
+          "onUpdate:modelValue": g[0] || (g[0] = (k) => l.value = k),
+          class: m(["ds-input__control", { "has-suffix": y.value }]),
+          type: b.value,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          name: e.name || void 0,
+          autocomplete: e.autocomplete || void 0,
+          "aria-invalid": e.error || void 0,
+          "aria-describedby": e.error && e.errorMessage && e.id ? `${e.id}-error` : void 0,
+          onFocus: g[1] || (g[1] = (k) => s(S(F), k)),
+          onBlur: g[2] || (g[2] = (k) => s(S(z), k))
+        }, null, 42, pe), [
+          [ye, l.value]
+        ]),
+        y.value ? (t(), a("div", He, [
+          I(f.$slots, "suffix", {}, void 0, !0),
+          e.error && e.showErrorIcon ? (t(), a("i", Ye, "warning")) : c.value ? (t(), a("button", {
+            key: 1,
+            type: "button",
+            class: "ds-input__toggle",
+            "aria-label": e.toggleLabel || void 0,
+            "aria-pressed": o.value,
+            onClick: g[3] || (g[3] = (k) => o.value = !o.value)
+          }, [
+            d("i", We, v(o.value ? "visibility" : "visibility_off"), 1)
+          ], 8, qe)) : u("", !0)
+        ])) : u("", !0)
+      ]),
+      e.error && e.errorMessage ? (t(), a("p", {
+        key: 0,
+        id: e.id ? `${e.id}-error` : void 0,
+        class: "ds-input__error"
+      }, v(e.errorMessage), 9, Ke)) : u("", !0)
+    ], 2));
+  }
+}), ia = /* @__PURE__ */ T(Xe, [["__scopeId", "data-v-fb36e573"]]), Qe = ["id", "placeholder", "rows", "disabled", "name", "aria-invalid", "aria-describedby"], Ze = ["id"], je = /* @__PURE__ */ $({
+  __name: "DsTextarea",
+  props: /* @__PURE__ */ U({
+    placeholder: { type: String, default: "" },
+    rows: { type: Number, default: 4 },
+    disabled: Boolean,
+    error: Boolean,
+    errorMessage: { type: String, default: "" },
+    name: { type: String, default: "" },
+    id: { type: String, default: "" }
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ U([F, z], ["update:modelValue"]),
+  setup(e, { emit: i }) {
+    const l = Q(e, "modelValue"), r = i;
+    return (s, n) => (t(), a("div", {
+      class: m(["ds-textarea", { "is-error": e.error, "is-disabled": e.disabled }])
+    }, [
+      Z(d("textarea", {
+        id: e.id || void 0,
+        "onUpdate:modelValue": n[0] || (n[0] = (o) => l.value = o),
+        class: "ds-textarea__control",
+        placeholder: e.placeholder,
+        rows: e.rows,
+        disabled: e.disabled,
+        name: e.name || void 0,
+        "aria-invalid": e.error || void 0,
+        "aria-describedby": e.error && e.errorMessage && e.id ? `${e.id}-error` : void 0,
+        onFocus: n[1] || (n[1] = (o) => r(S(F), o)),
+        onBlur: n[2] || (n[2] = (o) => r(S(z), o))
+      }, null, 40, Qe), [
+        [ve, l.value]
+      ]),
+      e.error && e.errorMessage ? (t(), a("p", {
+        key: 0,
+        id: e.id ? `${e.id}-error` : void 0,
+        class: "ds-textarea__error"
+      }, v(e.errorMessage), 9, Ze)) : u("", !0)
+    ], 2));
+  }
+}), la = /* @__PURE__ */ T(je, [["__scopeId", "data-v-54fc312a"]]), Je = ["disabled", "name"], et = {
+  key: 0,
+  class: "ds-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5"
+}, tt = {
+  key: 1,
+  class: "ds-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5"
+}, at = {
+  key: 0,
+  class: "ds-checkbox__label"
+}, it = /* @__PURE__ */ $({
+  __name: "DsCheckbox",
+  props: /* @__PURE__ */ U({
+    indeterminate: Boolean,
+    disabled: Boolean,
+    name: { type: String, default: "" },
+    // Label text (DS `label` prop); a default slot overrides it.
+    label: { type: String, default: "" }
+  }, {
+    modelValue: { type: Boolean, default: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const i = Q(e, "modelValue"), l = e, r = R(null);
+    function s() {
+      r.value && (r.value.indeterminate = l.indeterminate);
+    }
+    return se(s), de(() => l.indeterminate, s), (n, o) => (t(), a("label", {
+      class: m(["ds-checkbox", { "is-disabled": e.disabled }])
+    }, [
+      Z(d("input", {
+        ref_key: "inputRef",
+        ref: r,
+        "onUpdate:modelValue": o[0] || (o[0] = (c) => i.value = c),
+        type: "checkbox",
+        class: "ds-checkbox__native",
+        disabled: e.disabled,
+        name: e.name || void 0
+      }, null, 8, Je), [
+        [be, i.value]
+      ]),
+      d("span", {
+        class: m(["ds-checkbox__box", { "is-active": i.value || e.indeterminate }]),
+        "aria-hidden": "true"
+      }, [
+        e.indeterminate ? (t(), a("svg", et, [...o[1] || (o[1] = [
+          d("line", {
+            x1: "4",
+            y1: "8",
+            x2: "12",
+            y2: "8"
+          }, null, -1)
+        ])])) : i.value ? (t(), a("svg", tt, [...o[2] || (o[2] = [
+          d("path", { d: "M3.5 8.5l3 3 6-6" }, null, -1)
+        ])])) : u("", !0)
+      ], 2),
+      n.$slots.default || e.label ? (t(), a("span", at, [
+        I(n.$slots, "default", {}, () => [
+          O(v(e.label), 1)
+        ], !0)
+      ])) : u("", !0)
+    ], 2));
+  }
+}), na = /* @__PURE__ */ T(it, [["__scopeId", "data-v-8ccdf847"]]), lt = {
+  SUCCESS: "success",
+  INFO: "info",
+  WARNING: "warning",
+  ERROR: "error"
+}, nt = {
+  LIGHT: "light",
+  // tinted: family tint bg + mid border + shadow text
+  DARK: "dark"
+  // solid: family shadow bg + white text
+}, ot = {
+  success: "check_circle",
+  info: "info",
+  warning: "warning",
+  error: "error"
+}, st = {
+  key: 0,
+  class: "material-icons ds-alert__icon",
+  "aria-hidden": "true"
+}, dt = { class: "ds-alert__content" }, rt = {
+  key: 1,
+  class: "ds-alert__body"
+}, ct = ["aria-label"], ut = /* @__PURE__ */ $({
+  __name: "DsAlert",
+  props: {
+    type: { type: String, default: lt.INFO },
+    effect: { type: String, default: nt.LIGHT },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    showIcon: Boolean,
+    closable: Boolean,
+    center: Boolean,
+    closeLabel: { type: String, default: "" }
+  },
+  emits: [C],
+  setup(e, { emit: i }) {
+    const l = e, r = i, s = oe(), n = R(!0), o = h(() => ot[l.type]), c = h(() => !!s.default || l.description.length > 0);
+    function b() {
+      n.value = !1, r(C);
+    }
+    return (y, f) => n.value ? (t(), a("div", {
+      key: 0,
+      class: m(["ds-alert", [`ds-alert--${e.type}`, `ds-alert--${e.effect}`, { "is-center": e.center }]]),
+      role: "alert"
+    }, [
+      e.showIcon ? (t(), a("i", st, v(o.value), 1)) : u("", !0),
+      d("div", dt, [
+        e.title ? (t(), a("div", {
+          key: 0,
+          class: m(["ds-alert__title", { "has-body": c.value }])
+        }, v(e.title), 3)) : u("", !0),
+        c.value ? (t(), a("div", rt, [
+          I(y.$slots, "default", {}, () => [
+            O(v(e.description), 1)
+          ], !0)
+        ])) : u("", !0)
+      ]),
+      e.closable ? (t(), a("button", {
+        key: 1,
+        type: "button",
+        class: "ds-alert__close",
+        "aria-label": e.closeLabel || void 0,
+        onClick: b
+      }, [...f[0] || (f[0] = [
+        d("i", {
+          class: "material-icons",
+          "aria-hidden": "true"
+        }, "close", -1)
+      ])], 8, ct)) : u("", !0)
+    ], 2)) : u("", !0);
+  }
+}), oa = /* @__PURE__ */ T(ut, [["__scopeId", "data-v-03bbe700"]]), ft = {
+  SUCCESS: "success",
+  INFO: "info",
+  WARNING: "warning",
+  ERROR: "error"
+}, yt = {
+  TOP_LEFT: "top-left",
+  TOP_RIGHT: "top-right",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_RIGHT: "bottom-right"
+}, vt = {
+  success: "check_circle",
+  info: "mode_edit",
+  warning: "warning",
+  error: "error"
+}, bt = {
+  class: "material-icons ds-notification__icon",
+  "aria-hidden": "true"
+}, mt = { class: "ds-notification__content" }, gt = {
+  key: 0,
+  class: "ds-notification__title"
+}, ht = {
+  key: 1,
+  class: "ds-notification__desc"
+}, St = ["href"], kt = ["aria-label"], $t = /* @__PURE__ */ $({
+  __name: "DsNotification",
+  props: {
+    type: { type: String, default: ft.INFO },
+    position: {
+      type: String,
+      default: yt.BOTTOM_LEFT
+    },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    linkTitle: { type: String, default: "" },
+    link: { type: String, default: "" },
+    showClose: { type: Boolean, default: !0 },
+    closeLabel: { type: String, default: "" },
+    // Auto-dismiss delay in ms (DS default 3500). 0 disables it. The timer pauses
+    // while the pointer is over the card and resumes with the remaining time.
+    duration: { type: Number, default: 3500 }
+  },
+  emits: [C],
+  setup(e, { emit: i }) {
+    const l = e, r = i, s = R(!0), n = h(() => vt[l.type]);
+    let o, c = 0, b = l.duration;
+    function y() {
+      o && (clearTimeout(o), o = void 0);
+    }
+    function f(x) {
+      y(), !(l.duration <= 0 || !s.value) && (c = Date.now(), o = setTimeout(N, x));
+    }
+    function g() {
+      o && (b -= Date.now() - c, y());
+    }
+    function k() {
+      f(b > 0 ? b : l.duration);
+    }
+    function N() {
+      y(), s.value = !1, r(C);
+    }
+    return se(() => f(l.duration)), j(y), (x, M) => (t(), D(re, { to: "body" }, [
+      p(ce, {
+        name: "ds-notification",
+        appear: ""
+      }, {
+        default: J(() => [
+          s.value ? (t(), a("div", {
+            key: 0,
+            class: m(["ds-notification", `ds-notification--${e.position}`])
+          }, [
+            d("div", {
+              class: m(["ds-notification__card", `ds-notification__card--${e.type}`]),
+              role: "alert",
+              onMouseenter: g,
+              onMouseleave: k
+            }, [
+              d("i", bt, v(n.value), 1),
+              d("div", mt, [
+                e.title ? (t(), a("span", gt, v(e.title), 1)) : u("", !0),
+                e.description ? (t(), a("p", ht, v(e.description), 1)) : u("", !0),
+                e.linkTitle ? (t(), a("a", {
+                  key: 2,
+                  class: "ds-notification__link",
+                  href: e.link || void 0,
+                  target: "_blank",
+                  rel: "noreferrer"
+                }, v(e.linkTitle), 9, St)) : u("", !0)
+              ]),
+              e.showClose ? (t(), a("button", {
+                key: 0,
+                type: "button",
+                class: "ds-notification__close",
+                "aria-label": e.closeLabel || void 0,
+                onClick: N
+              }, [...M[0] || (M[0] = [
+                d("i", {
+                  class: "material-icons",
+                  "aria-hidden": "true"
+                }, "close", -1)
+              ])], 8, kt)) : u("", !0)
+            ], 34)
+          ], 2)) : u("", !0)
+        ]),
+        _: 1
+      })
+    ]));
+  }
+}), sa = /* @__PURE__ */ T($t, [["__scopeId", "data-v-dff620c6"]]), Tt = ["aria-label"], It = {
+  key: 0,
+  class: "ds-modal__header"
+}, Ct = { class: "ds-modal__title" }, Et = { class: "ds-modal__body" }, wt = {
+  key: 1,
+  class: "ds-modal__footer"
+}, Lt = /* @__PURE__ */ $({
+  __name: "DsModal",
+  props: {
+    open: Boolean,
+    title: { type: String, default: "" },
+    showClose: { type: Boolean, default: !0 },
+    width: { type: String, default: "440px" },
+    closeOnBackdrop: { type: Boolean, default: !0 },
+    closeLabel: { type: String, default: "" }
+  },
+  emits: [C],
+  setup(e, { emit: i }) {
+    const l = e, r = i, s = R(null);
+    let n = null;
+    function o() {
+      l.closeOnBackdrop && r(C);
+    }
+    function c() {
+      return s.value ? Array.from(s.value.querySelectorAll('a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter(
+        (f) => f.offsetParent !== null
+      ) : [];
+    }
+    function b(y) {
+      var N;
+      if (y.key === "Escape") {
+        r(C);
+        return;
+      }
+      if (y.key !== "Tab") return;
+      const f = c();
+      if (f.length === 0) {
+        y.preventDefault(), (N = s.value) == null || N.focus();
+        return;
+      }
+      const g = f[0], k = f[f.length - 1];
+      y.shiftKey && document.activeElement === g ? (y.preventDefault(), k.focus()) : !y.shiftKey && document.activeElement === k && (y.preventDefault(), g.focus());
+    }
+    return de(
+      () => l.open,
+      (y) => {
+        var f;
+        typeof document != "undefined" && (y ? (n = document.activeElement, document.addEventListener("keydown", b), document.body.style.overflow = "hidden", me(() => {
+          var g, k;
+          return (k = (g = c()[0]) != null ? g : s.value) == null ? void 0 : k.focus();
+        })) : (document.removeEventListener("keydown", b), document.body.style.overflow = "", (f = n == null ? void 0 : n.focus) == null || f.call(n)));
+      },
+      { immediate: !0 }
+    ), j(() => {
+      typeof document != "undefined" && (document.removeEventListener("keydown", b), document.body.style.overflow = "");
+    }), (y, f) => (t(), D(re, { to: "body" }, [
+      p(ce, { name: "ds-modal" }, {
+        default: J(() => [
+          e.open ? (t(), a("div", {
+            key: 0,
+            class: "ds-modal",
+            onClick: o
+          }, [
+            d("div", {
+              ref_key: "dialogRef",
+              ref: s,
+              class: "ds-modal__dialog",
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": e.title || "dialog",
+              tabindex: "-1",
+              style: L({ width: e.width }),
+              onClick: f[1] || (f[1] = ue(() => {
+              }, ["stop"]))
+            }, [
+              e.title || e.showClose ? (t(), a("div", It, [
+                d("span", Ct, v(e.title), 1),
+                e.showClose ? (t(), D(S(K), {
+                  key: 0,
+                  variant: "tertiary",
+                  circle: "",
+                  "left-icon": "close",
+                  "aria-label": e.closeLabel || void 0,
+                  onClick: f[0] || (f[0] = (g) => r(S(C)))
+                }, null, 8, ["aria-label"])) : u("", !0)
+              ])) : u("", !0),
+              d("div", Et, [
+                I(y.$slots, "default", {}, void 0, !0)
+              ]),
+              y.$slots.footer ? (t(), a("div", wt, [
+                I(y.$slots, "footer", {}, void 0, !0)
+              ])) : u("", !0)
+            ], 12, Tt)
+          ])) : u("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+}), da = /* @__PURE__ */ T(Lt, [["__scopeId", "data-v-19866588"]]), q = {
+  VERIFIED: "verified",
+  UNVERIFIED: "unverified",
+  NEW: "new"
+}, Dt = ["aria-label", "title"], Nt = /* @__PURE__ */ $({
+  __name: "DsVerificationIcon",
+  props: {
+    // true = verified · false = not verified · null/undefined = newly found.
+    verified: {
+      type: Boolean,
+      default: null
+    },
+    // Emails (true) use the coral "dangerous" glyph when unverified; phones use orange.
+    isContactData: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: Number,
+      default: 20
+    },
+    // Optional override for the accessible label / tooltip (the app owns i18n).
+    // Empty → the English default derived from the verification state.
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const i = e, l = h(() => i.verified === null || i.verified === void 0 ? {
+      state: q.NEW,
+      icon: "new_releases",
+      label: "Newly found"
+    } : i.verified ? {
+      state: q.VERIFIED,
+      icon: "verified",
+      label: "Verified"
+    } : {
+      state: q.UNVERIFIED,
+      icon: i.isContactData ? "dangerous" : "error",
+      label: "Not verified"
+    });
+    return (r, s) => (t(), a("i", {
+      class: m(["material-icons ds-verification-icon", [
+        `ds-verification-icon--${l.value.state}`,
+        { "ds-verification-icon--email": e.isContactData }
+      ]]),
+      style: L({ fontSize: `${e.size}px` }),
+      role: "img",
+      "aria-label": e.label || l.value.label,
+      title: e.label || l.value.label
+    }, [
+      I(r.$slots, "default", {}, () => [
+        O(v(l.value.icon), 1)
+      ], !0)
+    ], 14, Dt));
+  }
+}), Rt = /* @__PURE__ */ T(Nt, [["__scopeId", "data-v-0fd84040"]]), Bt = ["title"], At = { class: "ds-contact-value__marquee" }, Ot = { class: "ds-contact-value__actions" }, xt = ["aria-label", "title"], Mt = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Ut = ["aria-label", "aria-pressed", "title"], Vt = ["aria-label", "aria-pressed", "title"], Ft = /* @__PURE__ */ $({
+  __name: "DsContactValue",
+  props: {
+    value: { type: String, required: !0 },
+    valueType: { type: String, default: "" },
+    verified: { type: Boolean, default: null },
+    main: { type: Boolean, default: !1 },
+    isContactData: { type: Boolean, default: !1 },
+    showRate: { type: Boolean, default: !1 },
+    correct: { type: Boolean, default: null },
+    // User-facing labels (the app owns i18n); English DS defaults.
+    copyLabel: { type: String, default: "Copy" },
+    copiedLabel: { type: String, default: "Copied!" },
+    correctLabel: { type: String, default: "Correct" },
+    incorrectLabel: { type: String, default: "Incorrect" }
+  },
+  emits: [G, _, P],
+  setup(e, { emit: i }) {
+    const l = e, r = i, s = R(!1);
+    let n;
+    function o() {
+      typeof navigator != "undefined" && navigator.clipboard && navigator.clipboard.writeText(l.value).catch(() => {
+      }), s.value = !0, clearTimeout(n), n = setTimeout(() => {
+        s.value = !1;
+      }, 1200), r(G, l.value);
+    }
+    function c() {
+      r(_);
+    }
+    function b() {
+      r(P);
+    }
+    return j(() => clearTimeout(n)), (y, f) => (t(), a("div", {
+      class: m(["ds-contact-value", { "ds-contact-value--main": e.main }])
+    }, [
+      p(S(Rt), {
+        verified: e.verified,
+        "is-contact-data": e.isContactData
+      }, null, 8, ["verified", "is-contact-data"]),
+      d("span", {
+        class: "ds-contact-value__value",
+        title: e.value
+      }, v(e.value), 9, Bt),
+      d("span", At, [
+        e.valueType ? (t(), D(S(Ae), {
+          key: 0,
+          class: "ds-contact-value__badge",
+          tone: e.main ? S(X).ACCENT : S(X).GREY,
+          "aria-hidden": "true"
+        }, {
+          default: J(() => [
+            O(v(e.valueType), 1)
+          ]),
+          _: 1
+        }, 8, ["tone"])) : u("", !0),
+        d("span", Ot, [
+          d("button", {
+            type: "button",
+            class: m(["ds-contact-value__action", { "is-copied": s.value }]),
+            "aria-label": s.value ? e.copiedLabel : e.copyLabel,
+            title: s.value ? e.copiedLabel : e.copyLabel,
+            onClick: o
+          }, [
+            d("i", Mt, v(s.value ? "check" : "content_copy"), 1)
+          ], 10, xt),
+          e.showRate ? (t(), a(A, { key: 0 }, [
+            d("button", {
+              type: "button",
+              class: "ds-contact-value__action",
+              "aria-label": e.correctLabel,
+              "aria-pressed": e.correct === !0,
+              title: e.correctLabel,
+              onClick: c
+            }, [
+              d("i", {
+                class: m(e.correct === !0 ? "material-icons" : "material-icons-outlined"),
+                "aria-hidden": "true"
+              }, "thumb_up", 2)
+            ], 8, Ut),
+            d("button", {
+              type: "button",
+              class: "ds-contact-value__action",
+              "aria-label": e.incorrectLabel,
+              "aria-pressed": e.correct === !1,
+              title: e.incorrectLabel,
+              onClick: b
+            }, [
+              d("i", {
+                class: m(e.correct === !1 ? "material-icons" : "material-icons-outlined"),
+                "aria-hidden": "true"
+              }, "thumb_down", 2)
+            ], 8, Vt)
+          ], 64)) : u("", !0)
+        ])
+      ])
+    ], 2));
+  }
+}), ne = /* @__PURE__ */ T(Ft, [["__scopeId", "data-v-75a78ae2"]]), zt = ["aria-label"], Gt = { class: "ds-data-card__heading" }, _t = {
+  class: "material-icons ds-data-card__icon",
+  "aria-hidden": "true"
+}, Pt = { class: "ds-data-card__title" }, pt = ["aria-label"], Ht = {
+  key: 0,
+  class: "ds-data-card__body"
+}, Yt = {
+  key: 0,
+  class: "ds-data-card__empty"
+}, qt = {
+  class: "material-icons-outlined ds-data-card__empty-icon",
+  "aria-hidden": "true"
+}, Wt = { key: 0 }, Kt = {
+  key: 0,
+  class: "ds-data-card__section"
+}, Xt = { key: 1 }, Qt = {
+  key: 0,
+  class: "ds-data-card__section"
+}, Zt = { class: "ds-data-card__more" }, jt = /* @__PURE__ */ $({
+  __name: "DsDataCard",
+  props: {
+    title: { type: String, required: !0 },
+    // Material Icon name for the header (e.g. "email", "call").
+    icon: { type: String, default: "email" },
+    mostLikely: { type: Object, default: null },
+    more: { type: Array, default: () => [] },
+    collapsible: { type: Boolean, default: !1 },
+    showSort: { type: Boolean, default: !0 },
+    showEdit: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !1 },
+    isContactData: { type: Boolean, default: !1 },
+    showRate: { type: Boolean, default: !1 },
+    // User-facing labels (the app owns i18n); English DS defaults.
+    editLabel: { type: String, default: "Edit" },
+    emptyLabel: { type: String, default: "No data found" },
+    mostLikelyLabel: { type: String, default: "MOST LIKELY" },
+    moreLabel: { type: String, default: "MORE" },
+    sortLabel: { type: String, default: "Sort" },
+    toggleLabel: { type: String, default: "Toggle" },
+    closeLabel: { type: String, default: "Close" }
+  },
+  emits: [G, te, ae, C, _, P],
+  setup(e, { emit: i }) {
+    const l = e, r = i, s = R(!1), n = h(() => l.more.length + (l.mostLikely ? 1 : 0)), o = h(() => n.value > 3), c = h(() => n.value === 0), b = h(() => l.collapsible && s.value);
+    function y() {
+      s.value = !s.value;
+    }
+    function f(B) {
+      r(G, B);
+    }
+    function g() {
+      r(te);
+    }
+    function k() {
+      r(ae);
+    }
+    function N() {
+      r(C);
+    }
+    function x(B) {
+      r(_, B);
+    }
+    function M(B) {
+      r(P, B);
+    }
+    return (B, E) => (t(), a("section", {
+      class: "ds-data-card",
+      "aria-label": e.title
+    }, [
+      d("div", {
+        class: m(["ds-data-card__header", { "is-collapsed": b.value, "is-collapsible": e.collapsible }]),
+        onClick: E[1] || (E[1] = (w) => e.collapsible && y())
+      }, [
+        d("div", Gt, [
+          d("i", _t, v(e.icon), 1),
+          d("span", Pt, v(e.title), 1)
+        ]),
+        d("div", {
+          class: "ds-data-card__actions",
+          onClick: E[0] || (E[0] = ue(() => {
+          }, ["stop"]))
+        }, [
+          !b.value && e.showEdit ? (t(), a("button", {
+            key: 0,
+            type: "button",
+            class: "ds-data-card__edit",
+            onClick: k
+          }, v(e.editLabel), 1)) : u("", !0),
+          !b.value && e.showSort ? (t(), D(S(K), {
+            key: 1,
+            variant: "tertiary",
+            size: "medium",
+            circle: "",
+            "left-icon": "swap_vert",
+            "aria-label": e.sortLabel,
+            onClick: g
+          }, null, 8, ["aria-label"])) : u("", !0),
+          e.collapsible ? (t(), D(S(K), {
+            key: 2,
+            variant: "tertiary",
+            size: "medium",
+            circle: "",
+            "left-icon": s.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
+            "aria-label": e.toggleLabel,
+            onClick: y
+          }, null, 8, ["left-icon", "aria-label"])) : u("", !0),
+          e.showClose ? (t(), a("button", {
+            key: 3,
+            type: "button",
+            class: "ds-data-card__close",
+            "aria-label": e.closeLabel,
+            onClick: N
+          }, [...E[4] || (E[4] = [
+            d("i", {
+              class: "material-icons",
+              "aria-hidden": "true"
+            }, "close", -1)
+          ])], 8, pt)) : u("", !0)
+        ])
+      ], 2),
+      b.value ? u("", !0) : (t(), a("div", Ht, [
+        c.value ? (t(), a("div", Yt, [
+          d("i", qt, v(e.icon), 1),
+          d("span", null, v(e.emptyLabel), 1)
+        ])) : (t(), a(A, { key: 1 }, [
+          e.mostLikely ? (t(), a("div", Wt, [
+            o.value ? (t(), a("div", Kt, v(e.mostLikelyLabel), 1)) : u("", !0),
+            p(S(ne), {
+              value: e.mostLikely.value,
+              "value-type": e.mostLikely.type,
+              verified: e.mostLikely.verified,
+              correct: e.mostLikely.correct,
+              main: "",
+              "is-contact-data": e.isContactData,
+              "show-rate": e.showRate,
+              onCopy: f,
+              onCorrect: E[2] || (E[2] = (w) => x(e.mostLikely)),
+              onIncorrect: E[3] || (E[3] = (w) => M(e.mostLikely))
+            }, null, 8, ["value", "value-type", "verified", "correct", "is-contact-data", "show-rate"])
+          ])) : u("", !0),
+          e.more.length > 0 ? (t(), a("div", Xt, [
+            o.value ? (t(), a("div", Qt, v(e.moreLabel), 1)) : u("", !0),
+            d("div", Zt, [
+              (t(!0), a(A, null, V(e.more, (w) => (t(), D(S(ne), {
+                key: w.value,
+                value: w.value,
+                "value-type": w.type,
+                verified: w.verified,
+                correct: w.correct,
+                "is-contact-data": e.isContactData,
+                "show-rate": e.showRate,
+                onCopy: f,
+                onCorrect: (fe) => x(w),
+                onIncorrect: (fe) => M(w)
+              }, null, 8, ["value", "value-type", "verified", "correct", "is-contact-data", "show-rate", "onCorrect", "onIncorrect"]))), 128))
+            ])
+          ])) : u("", !0)
+        ], 64))
+      ]))
+    ], 8, zt));
+  }
+}), ra = /* @__PURE__ */ T(jt, [["__scopeId", "data-v-86467226"]]);
 export {
-  f as BASIC_TABLE_ALIGN,
-  H as BasicTable,
-  $ as SQL_BUTTON_NATIVE_TYPES,
-  q as SQL_BUTTON_SIZES,
-  E as SQL_BUTTON_TYPES,
-  B as SQL_SPINNER_SIZES,
-  T as SQL_SPINNER_THEME_MODES,
-  x as SqlButton,
-  M as SqlSpinner
+  nt as DS_ALERT_EFFECTS,
+  ot as DS_ALERT_ICONS,
+  lt as DS_ALERT_TYPES,
+  X as DS_BADGE_TONES,
+  ke as DS_BUTTON_NATIVE_TYPES,
+  ie as DS_BUTTON_SIZES,
+  H as DS_BUTTON_VARIANTS,
+  _e as DS_INPUT_SIZES,
+  Y as DS_INPUT_TYPES,
+  vt as DS_NOTIFICATION_ICONS,
+  yt as DS_NOTIFICATION_POSITIONS,
+  ft as DS_NOTIFICATION_TYPES,
+  W as DS_SPINNER_TONES,
+  le as DS_TABLE_ALIGN,
+  De as DS_TAG_TONES,
+  q as DS_VERIFICATION_STATES,
+  oa as DsAlert,
+  ta as DsAvatar,
+  Ae as DsBadge,
+  K as DsButton,
+  na as DsCheckbox,
+  ne as DsContactValue,
+  ra as DsDataCard,
+  ia as DsInput,
+  da as DsModal,
+  sa as DsNotification,
+  Se as DsSpinner,
+  aa as DsTable,
+  ea as DsTag,
+  la as DsTextarea,
+  Rt as DsVerificationIcon
 };
 //# sourceMappingURL=index.es.js.map