@salesql/sql_components_vue3 0.3.0 → 1.0.0

package/dist/index.es.js

@@ -1,124 +1,117 @@
-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 k, openBlock as t, createElementBlock as a, normalizeStyle as w, normalizeClass as v, toDisplayString as y, createCommentVNode as r, computed as S, createBlock as D, unref as g, renderSlot as I, createElementVNode as s, Fragment as B, renderList as M, createTextVNode as A, useModel as W, useSlots as le, ref as N, withDirectives as q, vModelDynamic as ce, mergeModels as O, vModelText as ue, onMounted as fe, watch as ie, vModelCheckbox as ye, Teleport as ne, nextTick as ve, onBeforeUnmount as oe, withModifiers as se, createVNode as de, withCtx as be } from "vue";
+const Y = {
+  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 = {
+  // white ring — for dark surfaces / solid buttons
+  ACCENT: "accent"
+  // accent ring
+}, me = ["aria-label", "aria-hidden"], ge = {
   key: 0,
-  class: "sr-only"
-}, D = /* @__PURE__ */ L({
-  __name: "SqlSpinner",
+  class: "ds-spinner__sr-only"
+}, he = /* @__PURE__ */ k({
+  __name: "DsSpinner",
   props: {
-    type: {
-      type: String,
-      default: T.DARK
-    },
-    size: {
+    size: { type: Number, default: 24 },
+    tone: {
       type: String,
-      default: B.SMALL
+      default: Y.DARK
     },
-    // Opcional: texto accesible (si no hay, marcamos aria-hidden)
-    label: {
-      type: String,
-      default: ""
-    }
+    // Optional accessible text; without it the spinner is aria-hidden.
+    label: { type: String, default: "" }
   },
   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 (n, o) => (t(), a("span", {
+      class: v(["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"
+      style: w({ width: `${e.size}px`, height: `${e.size}px` }),
+      "aria-label": e.label || void 0,
+      "aria-hidden": e.label ? 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));
+      e.label ? (t(), a("span", ge, y(e.label), 1)) : r("", !0)
+    ], 14, me));
   }
-}), m = (e, i) => {
-  const l = e.__vccOpts || e;
-  for (const [t, a] of i)
-    l[t] = a;
-  return l;
-}, M = /* @__PURE__ */ m(D, [["__scopeId", "data-v-9694500e"]]), E = {
-  DEFAULT: "default",
+}), $ = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [l, i] of n)
+    o[l] = i;
+  return o;
+}, Se = /* @__PURE__ */ $(he, [["__scopeId", "data-v-190a8af4"]]), Z = "click", C = "close", V = "focus", U = "blur", F = "copy", z = "correct", _ = "incorrect", j = "sort", Q = "edit", J = {
   PRIMARY: "primary",
+  // solid accent fill, white text
   SECONDARY: "secondary",
+  // slate surface fill, dark text
   TERTIARY: "tertiary",
-  SPECIAL: "special",
-  SPECIAL2: "special2",
-  SPECIAL3: "special3",
-  DOTTED: "dotted",
-  DANGER: "danger",
-  GRADIENT: "gradient"
-}, q = {
+  // transparent ghost, dark text
+  QUATERNARY: "quaternary",
+  // accent border + accent text, light fill
+  SPECIAL: "special"
+  // accent text only, no fill/border (link-style)
+}, ee = {
   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-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"
+}, Le = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, De = /* @__PURE__ */ k({
+  __name: "DsButton",
   props: {
-    type: {
-      type: String,
-      default: E.DEFAULT
-    },
-    size: {
-      type: String,
-      default: q.LARGE
-    },
+    variant: { type: String, default: J.PRIMARY },
+    size: { type: String, default: ee.MEDIUM },
     nativeType: {
       type: String,
-      default: $.BUTTON
-    },
-    selected: {
-      type: Boolean,
-      default: null
+      default: ke.BUTTON
     },
-    loading: Boolean,
+    // Material Icon names (rendered via <i class="material-icons">); a leading/
+    // trailing slot overrides. Icon-only buttons 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,
+    circle: Boolean,
+    dashed: Boolean,
+    autofocus: Boolean
   },
-  setup(e, { emit: i }) {
-    const l = e, t = i, a = h(
-      () => l.type === E.PRIMARY || l.type === E.DANGER ? T.LIGHT : T.DARK
+  emits: [Z],
+  setup(e, { emit: n }) {
+    const o = e, l = n, i = S(() => o.size === ee.SMALL ? 14 : 20), d = S(
+      () => o.variant === J.PRIMARY ? Y.LIGHT : Y.DARK
     );
-    function r(c) {
-      l.disabled || l.loading || t(p, c);
+    function c(u) {
+      o.disabled || o.loading || l(Z, u);
     }
-    return (c, F) => (s(), n("button", {
-      class: o(["sql-button", [
-        e.type ? `sql-button--${e.type}` : "",
-        e.size ? `sql-button--${e.size}` : "",
+    return (u, b) => (t(), a("button", {
+      class: v(["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-selected": e.selected
+          "is-dashed": e.dashed
         }
       ]]),
       type: e.nativeType,
@@ -126,29 +119,159 @@ 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-label": e.ariaLabel || void 0,
+      onClick: c
     }, [
-      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(g(Se), {
+        key: 0,
+        class: "ds-button__spinner",
+        size: i.value,
+        tone: d.value
+      }, null, 8, ["size", "tone"])) : r("", !0),
+      !e.loading && (e.leftIcon || u.$slots.leading) ? (t(), a("span", Te, [
+        I(u.$slots, "leading", {}, () => [
+          s("i", Ie, y(e.leftIcon), 1)
+        ], !0)
+      ])) : r("", !0),
+      !e.loading && u.$slots.default ? (t(), a("span", Ce, [
+        I(u.$slots, "default", {}, void 0, !0)
+      ])) : r("", !0),
+      !e.loading && (e.rightIcon || u.$slots.trailing) ? (t(), a("span", Ee, [
+        I(u.$slots, "trailing", {}, () => [
+          s("i", Le, y(e.rightIcon), 1)
+        ], !0)
+      ])) : r("", !0)
+    ], 10, $e));
+  }
+}), K = /* @__PURE__ */ $(De, [["__scopeId", "data-v-662e5512"]]), we = {
+  DEFAULT: "default",
+  // white bg, slate-tint border, muted text
+  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__ */ k({
+  __name: "DsTag",
+  props: {
+    tone: {
+      type: String,
+      default: we.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: n }) {
+    const o = n;
+    return (l, i) => (t(), a("span", {
+      class: v(["ds-tag", [`ds-tag--${e.tone}`, { "is-rounded": e.rounded }]])
+    }, [
+      I(l.$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: i[0] || (i[0] = (d) => o(g(C)))
+      }, [...i[1] || (i[1] = [
+        s("i", {
+          class: "material-icons",
+          "aria-hidden": "true"
+        }, "close", -1)
+      ])], 8, Ne)) : r("", !0)
+    ], 2));
   }
-}), x = /* @__PURE__ */ m(C, [["__scopeId", "data-v-9eeb1a72"]]), f = {
+}), ta = /* @__PURE__ */ $(Re, [["__scopeId", "data-v-4507fdca"]]), H = {
+  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__ */ k({
+  __name: "DsBadge",
+  props: {
+    tone: {
+      type: String,
+      default: H.ACCENT
+    }
+  },
+  setup(e) {
+    return (n, o) => (t(), a("span", {
+      class: v(["ds-badge", `ds-badge--${e.tone}`])
+    }, [
+      I(n.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Ae = /* @__PURE__ */ $(Be, [["__scopeId", "data-v-f10a17a0"]]), Oe = ["src", "alt"], xe = ["aria-label"], Me = /* @__PURE__ */ k({
+  __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 n = e, o = S(
+      () => n.firstName && n.lastName ? (n.firstName.charAt(0) + n.lastName.charAt(0)).toUpperCase() : ""
+    ), l = S(() => n.alt || `${n.firstName} ${n.lastName}`.trim()), i = S(() => ({ width: `${n.size}px`, height: `${n.size}px` })), d = S(() => {
+      const c = n.uid || n.firstName + n.lastName;
+      let u = 0;
+      for (let f = 0; f < c.length; f++)
+        u = c.charCodeAt(f) + ((u << 5) - u), u = u & u;
+      const b = [0, 0, 0];
+      for (let f = 0; f < 3; f++) b[f] = u >> f * 8 & 255;
+      const m = b[0] >= 200 && b[1] >= 200 && b[2] >= 200;
+      return { bg: `rgb(${b[0]}, ${b[1]}, ${b[2]})`, fg: m ? "#323f4b" : "#fff" };
+    });
+    return (c, u) => e.image ? (t(), a("img", {
+      key: 0,
+      class: v(["ds-avatar", { "is-circular": e.circular }]),
+      src: e.image,
+      alt: e.alt,
+      style: w(i.value)
+    }, null, 14, Oe)) : o.value ? (t(), a("div", {
+      key: 1,
+      class: v(["ds-avatar ds-avatar--initials", { "is-circular": e.circular }]),
+      role: "img",
+      "aria-label": l.value || void 0,
+      style: w([
+        i.value,
+        { background: d.value.bg, color: d.value.fg, fontSize: `${Math.round(e.size * 0.4)}px` }
+      ])
+    }, y(o.value), 15, xe)) : (t(), a("div", {
+      key: 2,
+      class: v(["ds-avatar ds-avatar--placeholder", { "is-circular": e.circular }]),
+      style: w(i.value),
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}), aa = /* @__PURE__ */ $(Me, [["__scopeId", "data-v-e965ed47"]]), te = {
   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",
+}, Ve = { class: "ds-table" }, Ue = { class: "ds-table__wrapper" }, Fe = { class: "ds-table__table" }, ze = { key: 0 }, _e = ["colspan"], Pe = /* @__PURE__ */ k({
+  __name: "DsTable",
   props: {
     columns: {
       type: Array,
@@ -161,67 +284,861 @@ 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
     }
   },
   setup(e) {
-    return (i, l) => (s(), n("div", O, [
-      d("div", P, [
-        d("table", Q, [
-          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);
+    return (n, o) => (t(), a("div", Ve, [
+      s("div", Ue, [
+        s("table", Fe, [
+          s("thead", null, [
+            s("tr", null, [
+              (t(!0), a(B, null, M(e.columns, (l) => {
+                var i;
+                return t(), a("th", {
+                  key: l.key,
+                  class: v(`ds-table__th--${(i = l.align) != null ? i : g(te).LEFT}`),
+                  style: w(l.width ? { width: l.width } : void 0)
+                }, y(l.label), 7);
               }), 128))
             ])
           ]),
-          d("tbody", null, [
-            e.rows.length === 0 ? (s(), n("tr", _, [
-              d("td", {
-                class: "basic-table__empty",
+          s("tbody", null, [
+            e.rows.length === 0 ? (t(), a("tr", ze, [
+              s("td", {
+                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(n.$slots, "empty", {}, () => [
+                  A(y(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, _e)
+            ])) : r("", !0),
+            (t(!0), a(B, null, M(e.rows, (l) => (t(), a("tr", {
+              key: l.id,
+              class: v({ "is-highlighted": l.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(B, null, M(e.columns, (i) => {
+                var d;
+                return t(), a("td", {
+                  key: i.key,
+                  class: v(`ds-table__td--${(d = i.align) != null ? d : g(te).LEFT}`)
                 }, [
-                  A(i.$slots, `cell-${a.key}`, { row: t }, () => [
-                    R(u(t[a.key]), 1)
+                  I(n.$slots, `cell-${i.key}`, { row: l }, () => [
+                    A(y(l[i.key]), 1)
                   ], !0)
                 ], 2);
               }), 128))
-            ]))), 128))
+            ], 2))), 128))
           ])
         ])
       ])
     ]));
   }
-}), H = /* @__PURE__ */ m(w, [["__scopeId", "data-v-8f713759"]]);
+}), la = /* @__PURE__ */ $(Pe, [["__scopeId", "data-v-1735ff35"]]), P = {
+  TEXT: "text",
+  EMAIL: "email",
+  PASSWORD: "password",
+  TEL: "tel",
+  NUMBER: "number",
+  SEARCH: "search",
+  URL: "url"
+}, Ge = {
+  SM: "sm",
+  // 36px
+  MD: "md"
+  // 48px
+}, Ye = { class: "ds-input__wrap" }, Ke = ["id", "type", "placeholder", "disabled", "name", "autocomplete", "aria-invalid", "aria-describedby"], He = {
+  key: 0,
+  class: "ds-input__suffix"
+}, We = {
+  key: 0,
+  class: "material-icons ds-input__error-icon",
+  "aria-hidden": "true"
+}, qe = ["aria-label", "aria-pressed"], pe = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Xe = ["id"], Ze = /* @__PURE__ */ k({
+  __name: "DsInput",
+  props: /* @__PURE__ */ O({
+    type: { type: String, default: P.TEXT },
+    size: { type: String, default: Ge.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__ */ O([V, U], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const o = W(e, "modelValue"), l = e, i = n, d = le(), c = N(!1), u = S(() => l.type === P.PASSWORD), b = S(
+      () => u.value && c.value ? P.TEXT : l.type
+    ), m = S(
+      () => !!d.suffix || l.error && l.showErrorIcon || u.value
+    );
+    return (f, h) => (t(), a("div", {
+      class: v(["ds-input", [`ds-input--${e.size}`, { "is-error": e.error, "is-disabled": e.disabled }]])
+    }, [
+      s("div", Ye, [
+        q(s("input", {
+          id: e.id || void 0,
+          "onUpdate:modelValue": h[0] || (h[0] = (T) => o.value = T),
+          class: v(["ds-input__control", { "has-suffix": m.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: h[1] || (h[1] = (T) => i(g(V), T)),
+          onBlur: h[2] || (h[2] = (T) => i(g(U), T))
+        }, null, 42, Ke), [
+          [ce, o.value]
+        ]),
+        m.value ? (t(), a("div", He, [
+          I(f.$slots, "suffix", {}, void 0, !0),
+          e.error && e.showErrorIcon ? (t(), a("i", We, "warning")) : u.value ? (t(), a("button", {
+            key: 1,
+            type: "button",
+            class: "ds-input__toggle",
+            "aria-label": e.toggleLabel || void 0,
+            "aria-pressed": c.value,
+            onClick: h[3] || (h[3] = (T) => c.value = !c.value)
+          }, [
+            s("i", pe, y(c.value ? "visibility" : "visibility_off"), 1)
+          ], 8, qe)) : r("", !0)
+        ])) : r("", !0)
+      ]),
+      e.error && e.errorMessage ? (t(), a("p", {
+        key: 0,
+        id: e.id ? `${e.id}-error` : void 0,
+        class: "ds-input__error"
+      }, y(e.errorMessage), 9, Xe)) : r("", !0)
+    ], 2));
+  }
+}), ia = /* @__PURE__ */ $(Ze, [["__scopeId", "data-v-d4b27b55"]]), je = ["id", "placeholder", "rows", "disabled", "name", "aria-invalid", "aria-describedby"], Qe = ["id"], Je = /* @__PURE__ */ k({
+  __name: "DsTextarea",
+  props: /* @__PURE__ */ O({
+    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__ */ O([V, U], ["update:modelValue"]),
+  setup(e, { emit: n }) {
+    const o = W(e, "modelValue"), l = n;
+    return (i, d) => (t(), a("div", {
+      class: v(["ds-textarea", { "is-error": e.error, "is-disabled": e.disabled }])
+    }, [
+      q(s("textarea", {
+        id: e.id || void 0,
+        "onUpdate:modelValue": d[0] || (d[0] = (c) => o.value = c),
+        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: d[1] || (d[1] = (c) => l(g(V), c)),
+        onBlur: d[2] || (d[2] = (c) => l(g(U), c))
+      }, null, 40, je), [
+        [ue, o.value]
+      ]),
+      e.error && e.errorMessage ? (t(), a("p", {
+        key: 0,
+        id: e.id ? `${e.id}-error` : void 0,
+        class: "ds-textarea__error"
+      }, y(e.errorMessage), 9, Qe)) : r("", !0)
+    ], 2));
+  }
+}), na = /* @__PURE__ */ $(Je, [["__scopeId", "data-v-cfa74e3d"]]), et = ["disabled", "name"], tt = {
+  key: 0,
+  class: "ds-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5"
+}, at = {
+  key: 1,
+  class: "ds-checkbox__mark",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2.5"
+}, lt = {
+  key: 0,
+  class: "ds-checkbox__label"
+}, it = /* @__PURE__ */ k({
+  __name: "DsCheckbox",
+  props: /* @__PURE__ */ O({
+    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 n = W(e, "modelValue"), o = e, l = N(null);
+    function i() {
+      l.value && (l.value.indeterminate = o.indeterminate);
+    }
+    return fe(i), ie(() => o.indeterminate, i), (d, c) => (t(), a("label", {
+      class: v(["ds-checkbox", { "is-disabled": e.disabled }])
+    }, [
+      q(s("input", {
+        ref_key: "inputRef",
+        ref: l,
+        "onUpdate:modelValue": c[0] || (c[0] = (u) => n.value = u),
+        type: "checkbox",
+        class: "ds-checkbox__native",
+        disabled: e.disabled,
+        name: e.name || void 0
+      }, null, 8, et), [
+        [ye, n.value]
+      ]),
+      s("span", {
+        class: v(["ds-checkbox__box", { "is-active": n.value || e.indeterminate }]),
+        "aria-hidden": "true"
+      }, [
+        e.indeterminate ? (t(), a("svg", tt, [...c[1] || (c[1] = [
+          s("line", {
+            x1: "4",
+            y1: "8",
+            x2: "12",
+            y2: "8"
+          }, null, -1)
+        ])])) : n.value ? (t(), a("svg", at, [...c[2] || (c[2] = [
+          s("path", { d: "M3.5 8.5l3 3 6-6" }, null, -1)
+        ])])) : r("", !0)
+      ], 2),
+      d.$slots.default || e.label ? (t(), a("span", lt, [
+        I(d.$slots, "default", {}, () => [
+          A(y(e.label), 1)
+        ], !0)
+      ])) : r("", !0)
+    ], 2));
+  }
+}), oa = /* @__PURE__ */ $(it, [["__scopeId", "data-v-0c1a3c0a"]]), nt = {
+  SUCCESS: "success",
+  INFO: "info",
+  WARNING: "warning",
+  ERROR: "error"
+}, ot = {
+  LIGHT: "light",
+  // tinted: family tint bg + mid border + shadow text
+  DARK: "dark"
+  // solid: family shadow bg + white text
+}, st = {
+  success: "check_circle",
+  info: "info",
+  warning: "warning",
+  error: "error"
+}, dt = {
+  key: 0,
+  class: "material-icons ds-alert__icon",
+  "aria-hidden": "true"
+}, rt = { class: "ds-alert__content" }, ct = {
+  key: 1,
+  class: "ds-alert__body"
+}, ut = ["aria-label"], ft = /* @__PURE__ */ k({
+  __name: "DsAlert",
+  props: {
+    type: { type: String, default: nt.INFO },
+    effect: { type: String, default: ot.LIGHT },
+    title: { type: String, default: "" },
+    description: { type: String, default: "" },
+    showIcon: Boolean,
+    closable: Boolean,
+    center: Boolean,
+    closeLabel: { type: String, default: "" }
+  },
+  emits: [C],
+  setup(e, { emit: n }) {
+    const o = e, l = n, i = le(), d = N(!0), c = S(() => st[o.type]), u = S(() => !!i.default || o.description.length > 0);
+    function b() {
+      d.value = !1, l(C);
+    }
+    return (m, f) => d.value ? (t(), a("div", {
+      key: 0,
+      class: v(["ds-alert", [`ds-alert--${e.type}`, `ds-alert--${e.effect}`, { "is-center": e.center }]]),
+      role: "alert"
+    }, [
+      e.showIcon ? (t(), a("i", dt, y(c.value), 1)) : r("", !0),
+      s("div", rt, [
+        e.title ? (t(), a("div", {
+          key: 0,
+          class: v(["ds-alert__title", { "has-body": u.value }])
+        }, y(e.title), 3)) : r("", !0),
+        u.value ? (t(), a("div", ct, [
+          I(m.$slots, "default", {}, () => [
+            A(y(e.description), 1)
+          ], !0)
+        ])) : r("", !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] = [
+        s("i", {
+          class: "material-icons",
+          "aria-hidden": "true"
+        }, "close", -1)
+      ])], 8, ut)) : r("", !0)
+    ], 2)) : r("", !0);
+  }
+}), sa = /* @__PURE__ */ $(ft, [["__scopeId", "data-v-58ce7b87"]]), yt = {
+  INFO: "info",
+  WARNING: "warning",
+  ERROR: "error"
+}, vt = {
+  TOP_LEFT: "top-left",
+  TOP_RIGHT: "top-right",
+  BOTTOM_LEFT: "bottom-left",
+  BOTTOM_RIGHT: "bottom-right"
+}, bt = {
+  info: "mode_edit",
+  warning: "warning",
+  error: "warning"
+}, mt = {
+  class: "material-icons ds-notification__icon",
+  "aria-hidden": "true"
+}, gt = { class: "ds-notification__content" }, ht = {
+  key: 0,
+  class: "ds-notification__title"
+}, St = {
+  key: 1,
+  class: "ds-notification__desc"
+}, kt = ["href"], $t = ["aria-label"], Tt = /* @__PURE__ */ k({
+  __name: "DsNotification",
+  props: {
+    type: { type: String, default: yt.INFO },
+    position: {
+      type: String,
+      default: vt.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: "" }
+  },
+  emits: [C],
+  setup(e, { emit: n }) {
+    const o = e, l = n, i = N(!0), d = S(() => bt[o.type]);
+    function c() {
+      i.value = !1, l(C);
+    }
+    return (u, b) => (t(), D(ne, { to: "body" }, [
+      i.value ? (t(), a("div", {
+        key: 0,
+        class: v(["ds-notification", `ds-notification--${e.position}`])
+      }, [
+        s("div", {
+          class: v(["ds-notification__card", `ds-notification__card--${e.type}`]),
+          role: "alert"
+        }, [
+          s("i", mt, y(d.value), 1),
+          s("div", gt, [
+            e.title ? (t(), a("span", ht, y(e.title), 1)) : r("", !0),
+            e.description ? (t(), a("p", St, y(e.description), 1)) : r("", !0),
+            e.linkTitle ? (t(), a("a", {
+              key: 2,
+              class: "ds-notification__link",
+              href: e.link || void 0,
+              target: "_blank",
+              rel: "noreferrer"
+            }, y(e.linkTitle), 9, kt)) : r("", !0)
+          ]),
+          e.showClose ? (t(), a("button", {
+            key: 0,
+            type: "button",
+            class: "ds-notification__close",
+            "aria-label": e.closeLabel || void 0,
+            onClick: c
+          }, [...b[0] || (b[0] = [
+            s("i", {
+              class: "material-icons",
+              "aria-hidden": "true"
+            }, "close", -1)
+          ])], 8, $t)) : r("", !0)
+        ], 2)
+      ], 2)) : r("", !0)
+    ]));
+  }
+}), da = /* @__PURE__ */ $(Tt, [["__scopeId", "data-v-287d5c06"]]), It = ["aria-label"], Ct = {
+  key: 0,
+  class: "ds-modal__header"
+}, Et = { class: "ds-modal__title" }, Lt = { class: "ds-modal__body" }, Dt = {
+  key: 1,
+  class: "ds-modal__footer"
+}, wt = /* @__PURE__ */ k({
+  __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: n }) {
+    const o = e, l = n, i = N(null);
+    let d = null;
+    function c() {
+      o.closeOnBackdrop && l(C);
+    }
+    function u() {
+      return i.value ? Array.from(i.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(m) {
+      var x;
+      if (m.key === "Escape") {
+        l(C);
+        return;
+      }
+      if (m.key !== "Tab") return;
+      const f = u();
+      if (f.length === 0) {
+        m.preventDefault(), (x = i.value) == null || x.focus();
+        return;
+      }
+      const h = f[0], T = f[f.length - 1];
+      m.shiftKey && document.activeElement === h ? (m.preventDefault(), T.focus()) : !m.shiftKey && document.activeElement === T && (m.preventDefault(), h.focus());
+    }
+    return ie(
+      () => o.open,
+      (m) => {
+        var f;
+        typeof document != "undefined" && (m ? (d = document.activeElement, document.addEventListener("keydown", b), document.body.style.overflow = "hidden", ve(() => {
+          var h, T;
+          return (T = (h = u()[0]) != null ? h : i.value) == null ? void 0 : T.focus();
+        })) : (document.removeEventListener("keydown", b), document.body.style.overflow = "", (f = d == null ? void 0 : d.focus) == null || f.call(d)));
+      },
+      { immediate: !0 }
+    ), oe(() => {
+      typeof document != "undefined" && (document.removeEventListener("keydown", b), document.body.style.overflow = "");
+    }), (m, f) => (t(), D(ne, { to: "body" }, [
+      e.open ? (t(), a("div", {
+        key: 0,
+        class: "ds-modal",
+        onClick: c
+      }, [
+        s("div", {
+          ref_key: "dialogRef",
+          ref: i,
+          class: "ds-modal__dialog",
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": e.title || "dialog",
+          tabindex: "-1",
+          style: w({ width: e.width }),
+          onClick: f[1] || (f[1] = se(() => {
+          }, ["stop"]))
+        }, [
+          e.title || e.showClose ? (t(), a("div", Ct, [
+            s("span", Et, y(e.title), 1),
+            e.showClose ? (t(), D(g(K), {
+              key: 0,
+              variant: "tertiary",
+              circle: "",
+              "left-icon": "close",
+              "aria-label": e.closeLabel || void 0,
+              onClick: f[0] || (f[0] = (h) => l(g(C)))
+            }, null, 8, ["aria-label"])) : r("", !0)
+          ])) : r("", !0),
+          s("div", Lt, [
+            I(m.$slots, "default", {}, void 0, !0)
+          ]),
+          m.$slots.footer ? (t(), a("div", Dt, [
+            I(m.$slots, "footer", {}, void 0, !0)
+          ])) : r("", !0)
+        ], 12, It)
+      ])) : r("", !0)
+    ]));
+  }
+}), ra = /* @__PURE__ */ $(wt, [["__scopeId", "data-v-6eecaabb"]]), G = {
+  VERIFIED: "verified",
+  UNVERIFIED: "unverified",
+  NEW: "new"
+}, Nt = ["aria-label", "title"], Rt = /* @__PURE__ */ k({
+  __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 n = e, o = S(() => n.verified === null || n.verified === void 0 ? {
+      state: G.NEW,
+      icon: "new_releases",
+      label: "Newly found"
+    } : n.verified ? {
+      state: G.VERIFIED,
+      icon: "verified",
+      label: "Verified"
+    } : {
+      state: G.UNVERIFIED,
+      icon: n.isContactData ? "dangerous" : "error",
+      label: "Not verified"
+    });
+    return (l, i) => (t(), a("i", {
+      class: v(["material-icons ds-verification-icon", [
+        `ds-verification-icon--${o.value.state}`,
+        { "ds-verification-icon--email": e.isContactData }
+      ]]),
+      style: w({ fontSize: `${e.size}px` }),
+      role: "img",
+      "aria-label": e.label || o.value.label,
+      title: e.label || o.value.label
+    }, [
+      I(l.$slots, "default", {}, () => [
+        A(y(o.value.icon), 1)
+      ], !0)
+    ], 14, Nt));
+  }
+}), Bt = /* @__PURE__ */ $(Rt, [["__scopeId", "data-v-0fd84040"]]), At = ["title"], Ot = { class: "ds-contact-value__marquee" }, xt = { class: "ds-contact-value__actions" }, Mt = ["aria-label", "title"], Vt = {
+  class: "material-icons",
+  "aria-hidden": "true"
+}, Ut = ["aria-label", "aria-pressed", "title"], Ft = ["aria-label", "aria-pressed", "title"], zt = /* @__PURE__ */ k({
+  __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: [F, z, _],
+  setup(e, { emit: n }) {
+    const o = e, l = n, i = N(!1);
+    let d;
+    function c() {
+      typeof navigator != "undefined" && navigator.clipboard && navigator.clipboard.writeText(o.value).catch(() => {
+      }), i.value = !0, clearTimeout(d), d = setTimeout(() => {
+        i.value = !1;
+      }, 1200), l(F, o.value);
+    }
+    function u() {
+      l(z);
+    }
+    function b() {
+      l(_);
+    }
+    return oe(() => clearTimeout(d)), (m, f) => (t(), a("div", {
+      class: v(["ds-contact-value", { "ds-contact-value--main": e.main }])
+    }, [
+      de(g(Bt), {
+        verified: e.verified,
+        "is-contact-data": e.isContactData
+      }, null, 8, ["verified", "is-contact-data"]),
+      s("span", {
+        class: "ds-contact-value__value",
+        title: e.value
+      }, y(e.value), 9, At),
+      s("span", Ot, [
+        e.valueType ? (t(), D(g(Ae), {
+          key: 0,
+          class: "ds-contact-value__badge",
+          tone: e.main ? g(H).ACCENT : g(H).GREY,
+          "aria-hidden": "true"
+        }, {
+          default: be(() => [
+            A(y(e.valueType), 1)
+          ]),
+          _: 1
+        }, 8, ["tone"])) : r("", !0),
+        s("span", xt, [
+          s("button", {
+            type: "button",
+            class: v(["ds-contact-value__action", { "is-copied": i.value }]),
+            "aria-label": i.value ? e.copiedLabel : e.copyLabel,
+            title: i.value ? e.copiedLabel : e.copyLabel,
+            onClick: c
+          }, [
+            s("i", Vt, y(i.value ? "check" : "content_copy"), 1)
+          ], 10, Mt),
+          e.showRate ? (t(), a(B, { key: 0 }, [
+            s("button", {
+              type: "button",
+              class: v(["ds-contact-value__action", { "is-active": e.correct === !0 }]),
+              "aria-label": e.correctLabel,
+              "aria-pressed": e.correct === !0,
+              title: e.correctLabel,
+              onClick: u
+            }, [
+              s("i", {
+                class: v(e.correct === !0 ? "material-icons" : "material-icons-outlined"),
+                "aria-hidden": "true"
+              }, "thumb_up", 2)
+            ], 10, Ut),
+            s("button", {
+              type: "button",
+              class: v(["ds-contact-value__action", { "is-active": e.correct === !1 }]),
+              "aria-label": e.incorrectLabel,
+              "aria-pressed": e.correct === !1,
+              title: e.incorrectLabel,
+              onClick: b
+            }, [
+              s("i", {
+                class: v(e.correct === !1 ? "material-icons" : "material-icons-outlined"),
+                "aria-hidden": "true"
+              }, "thumb_down", 2)
+            ], 10, Ft)
+          ], 64)) : r("", !0)
+        ])
+      ])
+    ], 2));
+  }
+}), ae = /* @__PURE__ */ $(zt, [["__scopeId", "data-v-014e772b"]]), _t = ["aria-label"], Pt = { class: "ds-data-card__heading" }, Gt = {
+  class: "material-icons ds-data-card__icon",
+  "aria-hidden": "true"
+}, Yt = { class: "ds-data-card__title" }, Kt = ["aria-label"], Ht = {
+  key: 0,
+  class: "ds-data-card__body"
+}, Wt = {
+  key: 0,
+  class: "ds-data-card__empty"
+}, qt = {
+  class: "material-icons-outlined ds-data-card__empty-icon",
+  "aria-hidden": "true"
+}, pt = { key: 0 }, Xt = {
+  key: 0,
+  class: "ds-data-card__section"
+}, Zt = { key: 1 }, jt = {
+  key: 0,
+  class: "ds-data-card__section"
+}, Qt = { class: "ds-data-card__more" }, Jt = /* @__PURE__ */ k({
+  __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: [F, j, Q, C, z, _],
+  setup(e, { emit: n }) {
+    const o = e, l = n, i = N(!1), d = S(() => o.more.length + (o.mostLikely ? 1 : 0)), c = S(() => d.value > 3), u = S(() => d.value === 0), b = S(() => o.collapsible && i.value);
+    function m() {
+      i.value = !i.value;
+    }
+    function f(R) {
+      l(F, R);
+    }
+    function h() {
+      l(j);
+    }
+    function T() {
+      l(Q);
+    }
+    function x() {
+      l(C);
+    }
+    function p(R) {
+      l(z, R);
+    }
+    function X(R) {
+      l(_, R);
+    }
+    return (R, E) => (t(), a("section", {
+      class: "ds-data-card",
+      "aria-label": e.title
+    }, [
+      s("div", {
+        class: v(["ds-data-card__header", { "is-collapsed": b.value, "is-collapsible": e.collapsible }]),
+        onClick: E[1] || (E[1] = (L) => e.collapsible && m())
+      }, [
+        s("div", Pt, [
+          s("i", Gt, y(e.icon), 1),
+          s("span", Yt, y(e.title), 1)
+        ]),
+        s("div", {
+          class: "ds-data-card__actions",
+          onClick: E[0] || (E[0] = se(() => {
+          }, ["stop"]))
+        }, [
+          !b.value && e.showEdit ? (t(), a("button", {
+            key: 0,
+            type: "button",
+            class: "ds-data-card__edit",
+            onClick: T
+          }, y(e.editLabel), 1)) : r("", !0),
+          !b.value && e.showSort ? (t(), D(g(K), {
+            key: 1,
+            variant: "tertiary",
+            size: "medium",
+            circle: "",
+            "left-icon": "swap_vert",
+            "aria-label": e.sortLabel,
+            onClick: h
+          }, null, 8, ["aria-label"])) : r("", !0),
+          e.collapsible ? (t(), D(g(K), {
+            key: 2,
+            variant: "tertiary",
+            size: "medium",
+            circle: "",
+            "left-icon": i.value ? "keyboard_arrow_down" : "keyboard_arrow_up",
+            "aria-label": e.toggleLabel,
+            onClick: m
+          }, null, 8, ["left-icon", "aria-label"])) : r("", !0),
+          e.showClose ? (t(), a("button", {
+            key: 3,
+            type: "button",
+            class: "ds-data-card__close",
+            "aria-label": e.closeLabel,
+            onClick: x
+          }, [...E[4] || (E[4] = [
+            s("i", {
+              class: "material-icons",
+              "aria-hidden": "true"
+            }, "close", -1)
+          ])], 8, Kt)) : r("", !0)
+        ])
+      ], 2),
+      b.value ? r("", !0) : (t(), a("div", Ht, [
+        u.value ? (t(), a("div", Wt, [
+          s("i", qt, y(e.icon), 1),
+          s("span", null, y(e.emptyLabel), 1)
+        ])) : (t(), a(B, { key: 1 }, [
+          e.mostLikely ? (t(), a("div", pt, [
+            c.value ? (t(), a("div", Xt, y(e.mostLikelyLabel), 1)) : r("", !0),
+            de(g(ae), {
+              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] = (L) => p(e.mostLikely)),
+              onIncorrect: E[3] || (E[3] = (L) => X(e.mostLikely))
+            }, null, 8, ["value", "value-type", "verified", "correct", "is-contact-data", "show-rate"])
+          ])) : r("", !0),
+          e.more.length > 0 ? (t(), a("div", Zt, [
+            c.value ? (t(), a("div", jt, y(e.moreLabel), 1)) : r("", !0),
+            s("div", Qt, [
+              (t(!0), a(B, null, M(e.more, (L) => (t(), D(g(ae), {
+                key: L.value,
+                value: L.value,
+                "value-type": L.type,
+                verified: L.verified,
+                correct: L.correct,
+                "is-contact-data": e.isContactData,
+                "show-rate": e.showRate,
+                onCopy: f,
+                onCorrect: (re) => p(L),
+                onIncorrect: (re) => X(L)
+              }, null, 8, ["value", "value-type", "verified", "correct", "is-contact-data", "show-rate", "onCorrect", "onIncorrect"]))), 128))
+            ])
+          ])) : r("", !0)
+        ], 64))
+      ]))
+    ], 8, _t));
+  }
+}), ca = /* @__PURE__ */ $(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
+  ot as DS_ALERT_EFFECTS,
+  st as DS_ALERT_ICONS,
+  nt as DS_ALERT_TYPES,
+  H as DS_BADGE_TONES,
+  ke as DS_BUTTON_NATIVE_TYPES,
+  ee as DS_BUTTON_SIZES,
+  J as DS_BUTTON_VARIANTS,
+  Ge as DS_INPUT_SIZES,
+  P as DS_INPUT_TYPES,
+  bt as DS_NOTIFICATION_ICONS,
+  vt as DS_NOTIFICATION_POSITIONS,
+  yt as DS_NOTIFICATION_TYPES,
+  Y as DS_SPINNER_TONES,
+  te as DS_TABLE_ALIGN,
+  we as DS_TAG_TONES,
+  G as DS_VERIFICATION_STATES,
+  sa as DsAlert,
+  aa as DsAvatar,
+  Ae as DsBadge,
+  K as DsButton,
+  oa as DsCheckbox,
+  ae as DsContactValue,
+  ca as DsDataCard,
+  ia as DsInput,
+  ra as DsModal,
+  da as DsNotification,
+  Se as DsSpinner,
+  la as DsTable,
+  ta as DsTag,
+  na as DsTextarea,
+  Bt as DsVerificationIcon
 };
 //# sourceMappingURL=index.es.js.map