@7pmlabs/design-system 0.5.10 → 0.6.0

package/dist/design-system100.mjs

@@ -1,963 +1,70 @@
-/*!
-  * message-compiler v9.10.2
-  * (c) 2024 kazuya kawaguchi
-  * Released under the MIT License.
-  */
-function Ce(r, n, u) {
-  return { line: r, column: n, offset: u };
-}
-function W(r, n, u) {
-  const i = { start: r, end: n };
-  return u != null && (i.source = u), i;
-}
-const Ie = /\{([0-9a-zA-Z]+)\}/g;
-function Te(r, ...n) {
-  return n.length === 1 && Ae(n[0]) && (n = n[0]), (!n || !n.hasOwnProperty) && (n = {}), r.replace(Ie, (u, i) => n.hasOwnProperty(i) ? n[i] : "");
-}
-const ce = Object.assign, te = (r) => typeof r == "string", Ae = (r) => r !== null && typeof r == "object";
-function ue(r, n = "") {
-  return r.reduce((u, i, N) => N === 0 ? u + i : u + n + i, "");
-}
-const d = {
-  // tokenizer error codes
-  EXPECTED_TOKEN: 1,
-  INVALID_TOKEN_IN_PLACEHOLDER: 2,
-  UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER: 3,
-  UNKNOWN_ESCAPE_SEQUENCE: 4,
-  INVALID_UNICODE_ESCAPE_SEQUENCE: 5,
-  UNBALANCED_CLOSING_BRACE: 6,
-  UNTERMINATED_CLOSING_BRACE: 7,
-  EMPTY_PLACEHOLDER: 8,
-  NOT_ALLOW_NEST_PLACEHOLDER: 9,
-  INVALID_LINKED_FORMAT: 10,
-  // parser error codes
-  MUST_HAVE_MESSAGES_IN_PLURAL: 11,
-  UNEXPECTED_EMPTY_LINKED_MODIFIER: 12,
-  UNEXPECTED_EMPTY_LINKED_KEY: 13,
-  UNEXPECTED_LEXICAL_ANALYSIS: 14,
-  // generator error codes
-  UNHANDLED_CODEGEN_NODE_TYPE: 15,
-  // minifier error codes
-  UNHANDLED_MINIFIER_NODE_TYPE: 16,
-  // Special value for higher-order compilers to pick up the last code
-  // to avoid collision of error codes. This should always be kept as the last
-  // item.
-  __EXTEND_POINT__: 17
-}, Se = {
-  // tokenizer error messages
-  [d.EXPECTED_TOKEN]: "Expected token: '{0}'",
-  [d.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
-  [d.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
-  [d.UNKNOWN_ESCAPE_SEQUENCE]: "Unknown escape sequence: \\{0}",
-  [d.INVALID_UNICODE_ESCAPE_SEQUENCE]: "Invalid unicode escape sequence: {0}",
-  [d.UNBALANCED_CLOSING_BRACE]: "Unbalanced closing brace",
-  [d.UNTERMINATED_CLOSING_BRACE]: "Unterminated closing brace",
-  [d.EMPTY_PLACEHOLDER]: "Empty placeholder",
-  [d.NOT_ALLOW_NEST_PLACEHOLDER]: "Not allowed nest placeholder",
-  [d.INVALID_LINKED_FORMAT]: "Invalid linked format",
-  // parser error messages
-  [d.MUST_HAVE_MESSAGES_IN_PLURAL]: "Plural must have messages",
-  [d.UNEXPECTED_EMPTY_LINKED_MODIFIER]: "Unexpected empty linked modifier",
-  [d.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
-  [d.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'",
-  // generator error messages
-  [d.UNHANDLED_CODEGEN_NODE_TYPE]: "unhandled codegen node type: '{0}'",
-  // minimizer error messages
-  [d.UNHANDLED_MINIFIER_NODE_TYPE]: "unhandled mimifier node type: '{0}'"
-};
-function F(r, n, u = {}) {
-  const { domain: i, messages: N, args: a } = u, P = Te((N || Se)[r] || "", ...a || []), I = new SyntaxError(String(P));
-  return I.code = r, n && (I.location = n), I.domain = i, I;
-}
-function Qe(r) {
-  throw r;
-}
-const ke = /<\/?[\w\s="/.':;#-\/]+>/, qe = (r) => ke.test(r), v = " ", Pe = "\r", y = `
-`, Oe = String.fromCharCode(8232), De = String.fromCharCode(8233);
-function ye(r) {
-  const n = r;
-  let u = 0, i = 1, N = 1, a = 0;
-  const P = (h) => n[h] === Pe && n[h + 1] === y, I = (h) => n[h] === y, A = (h) => n[h] === De, m = (h) => n[h] === Oe, b = (h) => P(h) || I(h) || A(h) || m(h), k = () => u, S = () => i, R = () => N, U = () => a, O = (h) => P(h) || A(h) || m(h) ? y : n[h], C = () => O(u), s = () => O(u + a);
-  function l() {
-    return a = 0, b(u) && (i++, N = 0), P(u) && u++, u++, N++, n[u];
-  }
-  function E() {
-    return P(u + a) && a++, a++, n[u + a];
-  }
-  function o() {
-    u = 0, i = 1, N = 1, a = 0;
-  }
-  function _(h = 0) {
-    a = h;
-  }
-  function p() {
-    const h = u + a;
-    for (; h !== u; )
-      l();
-    a = 0;
-  }
-  return {
-    index: k,
-    line: S,
-    column: R,
-    peekOffset: U,
-    charAt: O,
-    currentChar: C,
-    currentPeek: s,
-    next: l,
-    peek: E,
-    reset: o,
-    resetPeek: _,
-    skipToPeek: p
-  };
-}
-const Y = void 0, me = ".", ne = "'", be = "tokenizer";
-function Re(r, n = {}) {
-  const u = n.location !== !1, i = ye(r), N = () => i.index(), a = () => Ce(i.line(), i.column(), i.index()), P = a(), I = N(), A = {
-    currentType: 14,
-    offset: I,
-    startLoc: P,
-    endLoc: P,
-    lastType: 14,
-    lastOffset: I,
-    lastStartLoc: P,
-    lastEndLoc: P,
-    braceNest: 0,
-    inLinked: !1,
-    text: ""
-  }, m = () => A, { onError: b } = n;
-  function k(e, t, c, ...f) {
-    const L = m();
-    if (t.column += c, t.offset += c, b) {
-      const T = u ? W(L.startLoc, t) : null, w = F(e, T, {
-        domain: be,
-        args: f
-      });
-      b(w);
-    }
-  }
-  function S(e, t, c) {
-    e.endLoc = a(), e.currentType = t;
-    const f = { type: t };
-    return u && (f.loc = W(e.startLoc, e.endLoc)), c != null && (f.value = c), f;
-  }
-  const R = (e) => S(
-    e,
-    14
-    /* TokenTypes.EOF */
-  );
-  function U(e, t) {
-    return e.currentChar() === t ? (e.next(), t) : (k(d.EXPECTED_TOKEN, a(), 0, t), "");
-  }
-  function O(e) {
-    let t = "";
-    for (; e.currentPeek() === v || e.currentPeek() === y; )
-      t += e.currentPeek(), e.peek();
-    return t;
-  }
-  function C(e) {
-    const t = O(e);
-    return e.skipToPeek(), t;
-  }
-  function s(e) {
-    if (e === Y)
-      return !1;
-    const t = e.charCodeAt(0);
-    return t >= 97 && t <= 122 || // a-z
-    t >= 65 && t <= 90 || // A-Z
-    t === 95;
-  }
-  function l(e) {
-    if (e === Y)
-      return !1;
-    const t = e.charCodeAt(0);
-    return t >= 48 && t <= 57;
-  }
-  function E(e, t) {
-    const { currentType: c } = t;
-    if (c !== 2)
-      return !1;
-    O(e);
-    const f = s(e.currentPeek());
-    return e.resetPeek(), f;
-  }
-  function o(e, t) {
-    const { currentType: c } = t;
-    if (c !== 2)
-      return !1;
-    O(e);
-    const f = e.currentPeek() === "-" ? e.peek() : e.currentPeek(), L = l(f);
-    return e.resetPeek(), L;
-  }
-  function _(e, t) {
-    const { currentType: c } = t;
-    if (c !== 2)
-      return !1;
-    O(e);
-    const f = e.currentPeek() === ne;
-    return e.resetPeek(), f;
-  }
-  function p(e, t) {
-    const { currentType: c } = t;
-    if (c !== 8)
-      return !1;
-    O(e);
-    const f = e.currentPeek() === ".";
-    return e.resetPeek(), f;
-  }
-  function h(e, t) {
-    const { currentType: c } = t;
-    if (c !== 9)
-      return !1;
-    O(e);
-    const f = s(e.currentPeek());
-    return e.resetPeek(), f;
-  }
-  function X(e, t) {
-    const { currentType: c } = t;
-    if (!(c === 8 || c === 12))
-      return !1;
-    O(e);
-    const f = e.currentPeek() === ":";
-    return e.resetPeek(), f;
-  }
-  function D(e, t) {
-    const { currentType: c } = t;
-    if (c !== 10)
-      return !1;
-    const f = () => {
-      const T = e.currentPeek();
-      return T === "{" ? s(e.peek()) : T === "@" || T === "%" || T === "|" || T === ":" || T === "." || T === v || !T ? !1 : T === y ? (e.peek(), f()) : s(T);
-    }, L = f();
-    return e.resetPeek(), L;
-  }
-  function H(e) {
-    O(e);
-    const t = e.currentPeek() === "|";
-    return e.resetPeek(), t;
-  }
-  function ie(e) {
-    const t = O(e), c = e.currentPeek() === "%" && e.peek() === "{";
-    return e.resetPeek(), {
-      isModulo: c,
-      hasSpace: t.length > 0
-    };
-  }
-  function B(e, t = !0) {
-    const c = (L = !1, T = "", w = !1) => {
-      const K = e.currentPeek();
-      return K === "{" ? T === "%" ? !1 : L : K === "@" || !K ? T === "%" ? !0 : L : K === "%" ? (e.peek(), c(L, "%", !0)) : K === "|" ? T === "%" || w ? !0 : !(T === v || T === y) : K === v ? (e.peek(), c(!0, v, w)) : K === y ? (e.peek(), c(!0, y, w)) : !0;
-    }, f = c();
-    return t && e.resetPeek(), f;
-  }
-  function $(e, t) {
-    const c = e.currentChar();
-    return c === Y ? Y : t(c) ? (e.next(), c) : null;
-  }
-  function J(e) {
-    return $(e, (c) => {
-      const f = c.charCodeAt(0);
-      return f >= 97 && f <= 122 || // a-z
-      f >= 65 && f <= 90 || // A-Z
-      f >= 48 && f <= 57 || // 0-9
-      f === 95 || // _
-      f === 36;
-    });
-  }
-  function ae(e) {
-    return $(e, (c) => {
-      const f = c.charCodeAt(0);
-      return f >= 48 && f <= 57;
-    });
-  }
-  function oe(e) {
-    return $(e, (c) => {
-      const f = c.charCodeAt(0);
-      return f >= 48 && f <= 57 || // 0-9
-      f >= 65 && f <= 70 || // A-F
-      f >= 97 && f <= 102;
-    });
-  }
-  function Z(e) {
-    let t = "", c = "";
-    for (; t = ae(e); )
-      c += t;
-    return c;
-  }
-  function le(e) {
-    C(e);
-    const t = e.currentChar();
-    return t !== "%" && k(d.EXPECTED_TOKEN, a(), 0, t), e.next(), "%";
-  }
-  function z(e) {
-    let t = "";
-    for (; ; ) {
-      const c = e.currentChar();
-      if (c === "{" || c === "}" || c === "@" || c === "|" || !c)
-        break;
-      if (c === "%")
-        if (B(e))
-          t += c, e.next();
-        else
-          break;
-      else if (c === v || c === y)
-        if (B(e))
-          t += c, e.next();
-        else {
-          if (H(e))
+import { defineComponent as C, ref as h, computed as d, onMounted as B, onBeforeUnmount as E, openBlock as x, createBlock as y, withCtx as L, createElementVNode as a, normalizeClass as c, renderSlot as _ } from "vue";
+import { BModalSize as t } from "./design-system5.mjs";
+import M from "./design-system36.mjs";
+const g = /* @__PURE__ */ C({
+  __name: "BModalContainer",
+  props: {
+    size: { default: t.Medium },
+    fullscreen: { type: Boolean, default: !1 },
+    persistent: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(i, { emit: u }) {
+    const s = i, n = u, o = h(null), m = d(() => {
+      let e = "ds-relative ds-w-full ds-h-auto ds-m-auto ds-flex ds-items-center ";
+      if (s.fullscreen)
+        e += "ds-w-screen ds-h-screen ";
+      else
+        switch (e += "ds-p-4 ", s.size) {
+          case t.Small:
+            e += "ds-max-w-md ";
+            break;
+          case t.Large:
+            e += "ds-max-w-4xl ";
+            break;
+          case t.Medium:
+          default:
+            e += "ds-max-w-2xl ";
             break;
-          t += c, e.next();
         }
-      else
-        t += c, e.next();
-    }
-    return t;
-  }
-  function fe(e) {
-    C(e);
-    let t = "", c = "";
-    for (; t = J(e); )
-      c += t;
-    return e.currentChar() === Y && k(d.UNTERMINATED_CLOSING_BRACE, a(), 0), c;
-  }
-  function Ee(e) {
-    C(e);
-    let t = "";
-    return e.currentChar() === "-" ? (e.next(), t += `-${Z(e)}`) : t += Z(e), e.currentChar() === Y && k(d.UNTERMINATED_CLOSING_BRACE, a(), 0), t;
-  }
-  function de(e) {
-    C(e), U(e, "'");
-    let t = "", c = "";
-    const f = (T) => T !== ne && T !== y;
-    for (; t = $(e, f); )
-      t === "\\" ? c += Le(e) : c += t;
-    const L = e.currentChar();
-    return L === y || L === Y ? (k(d.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER, a(), 0), L === y && (e.next(), U(e, "'")), c) : (U(e, "'"), c);
-  }
-  function Le(e) {
-    const t = e.currentChar();
-    switch (t) {
-      case "\\":
-      case "'":
-        return e.next(), `\\${t}`;
-      case "u":
-        return ee(e, t, 4);
-      case "U":
-        return ee(e, t, 6);
-      default:
-        return k(d.UNKNOWN_ESCAPE_SEQUENCE, a(), 0, t), "";
-    }
-  }
-  function ee(e, t, c) {
-    U(e, t);
-    let f = "";
-    for (let L = 0; L < c; L++) {
-      const T = oe(e);
-      if (!T) {
-        k(d.INVALID_UNICODE_ESCAPE_SEQUENCE, a(), 0, `\\${t}${f}${e.currentChar()}`);
-        break;
-      }
-      f += T;
-    }
-    return `\\${t}${f}`;
-  }
-  function Ne(e) {
-    C(e);
-    let t = "", c = "";
-    const f = (L) => L !== "{" && L !== "}" && L !== v && L !== y;
-    for (; t = $(e, f); )
-      c += t;
-    return c;
-  }
-  function _e(e) {
-    let t = "", c = "";
-    for (; t = J(e); )
-      c += t;
-    return c;
-  }
-  function pe(e) {
-    const t = (c = !1, f) => {
-      const L = e.currentChar();
-      return L === "{" || L === "%" || L === "@" || L === "|" || L === "(" || L === ")" || !L || L === v ? f : L === y || L === me ? (f += L, e.next(), t(c, f)) : (f += L, e.next(), t(!0, f));
-    };
-    return t(!1, "");
-  }
-  function V(e) {
-    C(e);
-    const t = U(
-      e,
-      "|"
-      /* TokenChars.Pipe */
-    );
-    return C(e), t;
-  }
-  function Q(e, t) {
-    let c = null;
-    switch (e.currentChar()) {
-      case "{":
-        return t.braceNest >= 1 && k(d.NOT_ALLOW_NEST_PLACEHOLDER, a(), 0), e.next(), c = S(
-          t,
-          2,
-          "{"
-          /* TokenChars.BraceLeft */
-        ), C(e), t.braceNest++, c;
-      case "}":
-        return t.braceNest > 0 && t.currentType === 2 && k(d.EMPTY_PLACEHOLDER, a(), 0), e.next(), c = S(
-          t,
-          3,
-          "}"
-          /* TokenChars.BraceRight */
-        ), t.braceNest--, t.braceNest > 0 && C(e), t.inLinked && t.braceNest === 0 && (t.inLinked = !1), c;
-      case "@":
-        return t.braceNest > 0 && k(d.UNTERMINATED_CLOSING_BRACE, a(), 0), c = G(e, t) || R(t), t.braceNest = 0, c;
-      default: {
-        let L = !0, T = !0, w = !0;
-        if (H(e))
-          return t.braceNest > 0 && k(d.UNTERMINATED_CLOSING_BRACE, a(), 0), c = S(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, c;
-        if (t.braceNest > 0 && (t.currentType === 5 || t.currentType === 6 || t.currentType === 7))
-          return k(d.UNTERMINATED_CLOSING_BRACE, a(), 0), t.braceNest = 0, q(e, t);
-        if (L = E(e, t))
-          return c = S(t, 5, fe(e)), C(e), c;
-        if (T = o(e, t))
-          return c = S(t, 6, Ee(e)), C(e), c;
-        if (w = _(e, t))
-          return c = S(t, 7, de(e)), C(e), c;
-        if (!L && !T && !w)
-          return c = S(t, 13, Ne(e)), k(d.INVALID_TOKEN_IN_PLACEHOLDER, a(), 0, c.value), C(e), c;
-        break;
-      }
-    }
-    return c;
-  }
-  function G(e, t) {
-    const { currentType: c } = t;
-    let f = null;
-    const L = e.currentChar();
-    switch ((c === 8 || c === 9 || c === 12 || c === 10) && (L === y || L === v) && k(d.INVALID_LINKED_FORMAT, a(), 0), L) {
-      case "@":
-        return e.next(), f = S(
-          t,
-          8,
-          "@"
-          /* TokenChars.LinkedAlias */
-        ), t.inLinked = !0, f;
-      case ".":
-        return C(e), e.next(), S(
-          t,
-          9,
-          "."
-          /* TokenChars.LinkedDot */
-        );
-      case ":":
-        return C(e), e.next(), S(
-          t,
-          10,
-          ":"
-          /* TokenChars.LinkedDelimiter */
-        );
-      default:
-        return H(e) ? (f = S(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, f) : p(e, t) || X(e, t) ? (C(e), G(e, t)) : h(e, t) ? (C(e), S(t, 12, _e(e))) : D(e, t) ? (C(e), L === "{" ? Q(e, t) || f : S(t, 11, pe(e))) : (c === 8 && k(d.INVALID_LINKED_FORMAT, a(), 0), t.braceNest = 0, t.inLinked = !1, q(e, t));
-    }
-  }
-  function q(e, t) {
-    let c = {
-      type: 14
-      /* TokenTypes.EOF */
-    };
-    if (t.braceNest > 0)
-      return Q(e, t) || R(t);
-    if (t.inLinked)
-      return G(e, t) || R(t);
-    switch (e.currentChar()) {
-      case "{":
-        return Q(e, t) || R(t);
-      case "}":
-        return k(d.UNBALANCED_CLOSING_BRACE, a(), 0), e.next(), S(
-          t,
-          3,
-          "}"
-          /* TokenChars.BraceRight */
-        );
-      case "@":
-        return G(e, t) || R(t);
-      default: {
-        if (H(e))
-          return c = S(t, 1, V(e)), t.braceNest = 0, t.inLinked = !1, c;
-        const { isModulo: L, hasSpace: T } = ie(e);
-        if (L)
-          return T ? S(t, 0, z(e)) : S(t, 4, le(e));
-        if (B(e))
-          return S(t, 0, z(e));
-        break;
-      }
-    }
-    return c;
-  }
-  function he() {
-    const { currentType: e, offset: t, startLoc: c, endLoc: f } = A;
-    return A.lastType = e, A.lastOffset = t, A.lastStartLoc = c, A.lastEndLoc = f, A.offset = N(), A.startLoc = a(), i.currentChar() === Y ? S(
-      A,
-      14
-      /* TokenTypes.EOF */
-    ) : q(i, A);
-  }
-  return {
-    nextToken: he,
-    currentOffset: N,
-    currentPosition: a,
-    context: m
-  };
-}
-const Ue = "parser", Me = /(?:\\\\|\\'|\\u([0-9a-fA-F]{4})|\\U([0-9a-fA-F]{6}))/g;
-function ve(r, n, u) {
-  switch (r) {
-    case "\\\\":
-      return "\\";
-    case "\\'":
-      return "'";
-    default: {
-      const i = parseInt(n || u, 16);
-      return i <= 55295 || i >= 57344 ? String.fromCodePoint(i) : "�";
-    }
-  }
-}
-function Xe(r = {}) {
-  const n = r.location !== !1, { onError: u } = r;
-  function i(s, l, E, o, ..._) {
-    const p = s.currentPosition();
-    if (p.offset += o, p.column += o, u) {
-      const h = n ? W(E, p) : null, X = F(l, h, {
-        domain: Ue,
-        args: _
-      });
-      u(X);
-    }
-  }
-  function N(s, l, E) {
-    const o = { type: s };
-    return n && (o.start = l, o.end = l, o.loc = { start: E, end: E }), o;
-  }
-  function a(s, l, E, o) {
-    o && (s.type = o), n && (s.end = l, s.loc && (s.loc.end = E));
-  }
-  function P(s, l) {
-    const E = s.context(), o = N(3, E.offset, E.startLoc);
-    return o.value = l, a(o, s.currentOffset(), s.currentPosition()), o;
-  }
-  function I(s, l) {
-    const E = s.context(), { lastOffset: o, lastStartLoc: _ } = E, p = N(5, o, _);
-    return p.index = parseInt(l, 10), s.nextToken(), a(p, s.currentOffset(), s.currentPosition()), p;
-  }
-  function A(s, l) {
-    const E = s.context(), { lastOffset: o, lastStartLoc: _ } = E, p = N(4, o, _);
-    return p.key = l, s.nextToken(), a(p, s.currentOffset(), s.currentPosition()), p;
-  }
-  function m(s, l) {
-    const E = s.context(), { lastOffset: o, lastStartLoc: _ } = E, p = N(9, o, _);
-    return p.value = l.replace(Me, ve), s.nextToken(), a(p, s.currentOffset(), s.currentPosition()), p;
-  }
-  function b(s) {
-    const l = s.nextToken(), E = s.context(), { lastOffset: o, lastStartLoc: _ } = E, p = N(8, o, _);
-    return l.type !== 12 ? (i(s, d.UNEXPECTED_EMPTY_LINKED_MODIFIER, E.lastStartLoc, 0), p.value = "", a(p, o, _), {
-      nextConsumeToken: l,
-      node: p
-    }) : (l.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, E.lastStartLoc, 0, M(l)), p.value = l.value || "", a(p, s.currentOffset(), s.currentPosition()), {
-      node: p
-    });
-  }
-  function k(s, l) {
-    const E = s.context(), o = N(7, E.offset, E.startLoc);
-    return o.value = l, a(o, s.currentOffset(), s.currentPosition()), o;
-  }
-  function S(s) {
-    const l = s.context(), E = N(6, l.offset, l.startLoc);
-    let o = s.nextToken();
-    if (o.type === 9) {
-      const _ = b(s);
-      E.modifier = _.node, o = _.nextConsumeToken || s.nextToken();
-    }
-    switch (o.type !== 10 && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(o)), o = s.nextToken(), o.type === 2 && (o = s.nextToken()), o.type) {
-      case 11:
-        o.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(o)), E.key = k(s, o.value || "");
-        break;
-      case 5:
-        o.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(o)), E.key = A(s, o.value || "");
-        break;
-      case 6:
-        o.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(o)), E.key = I(s, o.value || "");
-        break;
-      case 7:
-        o.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(o)), E.key = m(s, o.value || "");
-        break;
-      default: {
-        i(s, d.UNEXPECTED_EMPTY_LINKED_KEY, l.lastStartLoc, 0);
-        const _ = s.context(), p = N(7, _.offset, _.startLoc);
-        return p.value = "", a(p, _.offset, _.startLoc), E.key = p, a(E, _.offset, _.startLoc), {
-          nextConsumeToken: o,
-          node: E
-        };
-      }
-    }
-    return a(E, s.currentOffset(), s.currentPosition()), {
-      node: E
+      return e;
+    }), p = d(() => {
+      let e = "ds-relative ds-bg-white ds-rounded-lg ds-shadow ";
+      return e += s.fullscreen ? "ds-w-screen ds-h-screen ds-rounded-none " : "", e;
+    }), f = () => {
+      document.addEventListener("keydown", r);
+    }, r = (e) => {
+      e.key === "Escape" && n("close");
+    }, w = () => {
+      document.addEventListener("click", l);
+    }, l = (e) => {
+      [o.value].some((k) => e.composedPath().includes(k)) || n("close");
     };
-  }
-  function R(s) {
-    const l = s.context(), E = l.currentType === 1 ? s.currentOffset() : l.offset, o = l.currentType === 1 ? l.endLoc : l.startLoc, _ = N(2, E, o);
-    _.items = [];
-    let p = null;
-    do {
-      const D = p || s.nextToken();
-      switch (p = null, D.type) {
-        case 0:
-          D.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(D)), _.items.push(P(s, D.value || ""));
-          break;
-        case 6:
-          D.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(D)), _.items.push(I(s, D.value || ""));
-          break;
-        case 5:
-          D.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(D)), _.items.push(A(s, D.value || ""));
-          break;
-        case 7:
-          D.value == null && i(s, d.UNEXPECTED_LEXICAL_ANALYSIS, l.lastStartLoc, 0, M(D)), _.items.push(m(s, D.value || ""));
-          break;
-        case 8: {
-          const H = S(s);
-          _.items.push(H.node), p = H.nextConsumeToken || null;
-          break;
-        }
-      }
-    } while (l.currentType !== 14 && l.currentType !== 1);
-    const h = l.currentType === 1 ? l.lastOffset : s.currentOffset(), X = l.currentType === 1 ? l.lastEndLoc : s.currentPosition();
-    return a(_, h, X), _;
-  }
-  function U(s, l, E, o) {
-    const _ = s.context();
-    let p = o.items.length === 0;
-    const h = N(1, l, E);
-    h.cases = [], h.cases.push(o);
-    do {
-      const X = R(s);
-      p || (p = X.items.length === 0), h.cases.push(X);
-    } while (_.currentType !== 14);
-    return p && i(s, d.MUST_HAVE_MESSAGES_IN_PLURAL, E, 0), a(h, s.currentOffset(), s.currentPosition()), h;
-  }
-  function O(s) {
-    const l = s.context(), { offset: E, startLoc: o } = l, _ = R(s);
-    return l.currentType === 14 ? _ : U(s, E, o, _);
-  }
-  function C(s) {
-    const l = Re(s, ce({}, r)), E = l.context(), o = N(0, E.offset, E.startLoc);
-    return n && o.loc && (o.loc.source = s), o.body = O(l), r.onCacheKey && (o.cacheKey = r.onCacheKey(s)), E.currentType !== 14 && i(l, d.UNEXPECTED_LEXICAL_ANALYSIS, E.lastStartLoc, 0, s[E.offset] || ""), a(o, l.currentOffset(), l.currentPosition()), o;
-  }
-  return { parse: C };
-}
-function M(r) {
-  if (r.type === 14)
-    return "EOF";
-  const n = (r.value || "").replace(/\r?\n/gu, "\\n");
-  return n.length > 10 ? n.slice(0, 9) + "…" : n;
-}
-function we(r, n = {}) {
-  const u = {
-    ast: r,
-    helpers: /* @__PURE__ */ new Set()
-  };
-  return { context: () => u, helper: (a) => (u.helpers.add(a), a) };
-}
-function re(r, n) {
-  for (let u = 0; u < r.length; u++)
-    j(r[u], n);
-}
-function j(r, n) {
-  switch (r.type) {
-    case 1:
-      re(r.cases, n), n.helper(
-        "plural"
-        /* HelperNameMap.PLURAL */
-      );
-      break;
-    case 2:
-      re(r.items, n);
-      break;
-    case 6: {
-      j(r.key, n), n.helper(
-        "linked"
-        /* HelperNameMap.LINKED */
-      ), n.helper(
-        "type"
-        /* HelperNameMap.TYPE */
-      );
-      break;
-    }
-    case 5:
-      n.helper(
-        "interpolate"
-        /* HelperNameMap.INTERPOLATE */
-      ), n.helper(
-        "list"
-        /* HelperNameMap.LIST */
-      );
-      break;
-    case 4:
-      n.helper(
-        "interpolate"
-        /* HelperNameMap.INTERPOLATE */
-      ), n.helper(
-        "named"
-        /* HelperNameMap.NAMED */
-      );
-      break;
-  }
-}
-function Ye(r, n = {}) {
-  const u = we(r);
-  u.helper(
-    "normalize"
-    /* HelperNameMap.NORMALIZE */
-  ), r.body && j(r.body, u);
-  const i = u.context();
-  r.helpers = Array.from(i.helpers);
-}
-function He(r) {
-  const n = r.body;
-  return n.type === 2 ? se(n) : n.cases.forEach((u) => se(u)), r;
-}
-function se(r) {
-  if (r.items.length === 1) {
-    const n = r.items[0];
-    (n.type === 3 || n.type === 9) && (r.static = n.value, delete n.value);
-  } else {
-    const n = [];
-    for (let u = 0; u < r.items.length; u++) {
-      const i = r.items[u];
-      if (!(i.type === 3 || i.type === 9) || i.value == null)
-        break;
-      n.push(i.value);
-    }
-    if (n.length === r.items.length) {
-      r.static = ue(n);
-      for (let u = 0; u < r.items.length; u++) {
-        const i = r.items[u];
-        (i.type === 3 || i.type === 9) && delete i.value;
-      }
-    }
-  }
-}
-const Ke = "minifier";
-function g(r) {
-  switch (r.t = r.type, r.type) {
-    case 0: {
-      const n = r;
-      g(n.body), n.b = n.body, delete n.body;
-      break;
-    }
-    case 1: {
-      const n = r, u = n.cases;
-      for (let i = 0; i < u.length; i++)
-        g(u[i]);
-      n.c = u, delete n.cases;
-      break;
-    }
-    case 2: {
-      const n = r, u = n.items;
-      for (let i = 0; i < u.length; i++)
-        g(u[i]);
-      n.i = u, delete n.items, n.static && (n.s = n.static, delete n.static);
-      break;
-    }
-    case 3:
-    case 9:
-    case 8:
-    case 7: {
-      const n = r;
-      n.value && (n.v = n.value, delete n.value);
-      break;
-    }
-    case 6: {
-      const n = r;
-      g(n.key), n.k = n.key, delete n.key, n.modifier && (g(n.modifier), n.m = n.modifier, delete n.modifier);
-      break;
-    }
-    case 5: {
-      const n = r;
-      n.i = n.index, delete n.index;
-      break;
-    }
-    case 4: {
-      const n = r;
-      n.k = n.key, delete n.key;
-      break;
-    }
-    default:
-      throw F(d.UNHANDLED_MINIFIER_NODE_TYPE, null, {
-        domain: Ke,
-        args: [r.type]
-      });
-  }
-  delete r.type;
-}
-const ge = "parser";
-function xe(r, n) {
-  const { sourceMap: u, filename: i, breakLineCode: N, needIndent: a } = n, P = n.location !== !1, I = {
-    filename: i,
-    code: "",
-    column: 1,
-    line: 1,
-    offset: 0,
-    map: void 0,
-    breakLineCode: N,
-    needIndent: a,
-    indentLevel: 0
-  };
-  P && r.loc && (I.source = r.loc.source);
-  const A = () => I;
-  function m(C, s) {
-    I.code += C;
-  }
-  function b(C, s = !0) {
-    const l = s ? N : "";
-    m(a ? l + "  ".repeat(C) : l);
-  }
-  function k(C = !0) {
-    const s = ++I.indentLevel;
-    C && b(s);
-  }
-  function S(C = !0) {
-    const s = --I.indentLevel;
-    C && b(s);
-  }
-  function R() {
-    b(I.indentLevel);
-  }
-  return {
-    context: A,
-    push: m,
-    indent: k,
-    deindent: S,
-    newline: R,
-    helper: (C) => `_${C}`,
-    needIndent: () => I.needIndent
-  };
-}
-function $e(r, n) {
-  const { helper: u } = r;
-  r.push(`${u(
-    "linked"
-    /* HelperNameMap.LINKED */
-  )}(`), x(r, n.key), n.modifier ? (r.push(", "), x(r, n.modifier), r.push(", _type")) : r.push(", undefined, _type"), r.push(")");
-}
-function Ge(r, n) {
-  const { helper: u, needIndent: i } = r;
-  r.push(`${u(
-    "normalize"
-    /* HelperNameMap.NORMALIZE */
-  )}([`), r.indent(i());
-  const N = n.items.length;
-  for (let a = 0; a < N && (x(r, n.items[a]), a !== N - 1); a++)
-    r.push(", ");
-  r.deindent(i()), r.push("])");
-}
-function Fe(r, n) {
-  const { helper: u, needIndent: i } = r;
-  if (n.cases.length > 1) {
-    r.push(`${u(
-      "plural"
-      /* HelperNameMap.PLURAL */
-    )}([`), r.indent(i());
-    const N = n.cases.length;
-    for (let a = 0; a < N && (x(r, n.cases[a]), a !== N - 1); a++)
-      r.push(", ");
-    r.deindent(i()), r.push("])");
-  }
-}
-function Be(r, n) {
-  n.body ? x(r, n.body) : r.push("null");
-}
-function x(r, n) {
-  const { helper: u } = r;
-  switch (n.type) {
-    case 0:
-      Be(r, n);
-      break;
-    case 1:
-      Fe(r, n);
-      break;
-    case 2:
-      Ge(r, n);
-      break;
-    case 6:
-      $e(r, n);
-      break;
-    case 8:
-      r.push(JSON.stringify(n.value), n);
-      break;
-    case 7:
-      r.push(JSON.stringify(n.value), n);
-      break;
-    case 5:
-      r.push(`${u(
-        "interpolate"
-        /* HelperNameMap.INTERPOLATE */
-      )}(${u(
-        "list"
-        /* HelperNameMap.LIST */
-      )}(${n.index}))`, n);
-      break;
-    case 4:
-      r.push(`${u(
-        "interpolate"
-        /* HelperNameMap.INTERPOLATE */
-      )}(${u(
-        "named"
-        /* HelperNameMap.NAMED */
-      )}(${JSON.stringify(n.key)}))`, n);
-      break;
-    case 9:
-      r.push(JSON.stringify(n.value), n);
-      break;
-    case 3:
-      r.push(JSON.stringify(n.value), n);
-      break;
-    default:
-      throw F(d.UNHANDLED_CODEGEN_NODE_TYPE, null, {
-        domain: ge,
-        args: [n.type]
-      });
-  }
-}
-const Ve = (r, n = {}) => {
-  const u = te(n.mode) ? n.mode : "normal", i = te(n.filename) ? n.filename : "message.intl", N = !!n.sourceMap, a = n.breakLineCode != null ? n.breakLineCode : u === "arrow" ? ";" : `
-`, P = n.needIndent ? n.needIndent : u !== "arrow", I = r.helpers || [], A = xe(r, {
-    mode: u,
-    filename: i,
-    sourceMap: N,
-    breakLineCode: a,
-    needIndent: P
-  });
-  A.push(u === "normal" ? "function __msg__ (ctx) {" : "(ctx) => {"), A.indent(P), I.length > 0 && (A.push(`const { ${ue(I.map((k) => `${k}: _${k}`), ", ")} } = ctx`), A.newline()), A.push("return "), x(A, r), A.deindent(P), A.push("}"), delete r.helpers;
-  const { code: m, map: b } = A.context();
-  return {
-    ast: r,
-    code: m,
-    map: b ? b.toJSON() : void 0
-    // eslint-disable-line @typescript-eslint/no-explicit-any
-  };
-};
-function We(r, n = {}) {
-  const u = ce({}, n), i = !!u.jit, N = !!u.minify, a = u.optimize == null ? !0 : u.optimize, I = Xe(u).parse(r);
-  return i ? (a && He(I), N && g(I), { ast: I, code: "" }) : (Ye(I, u), Ve(I, u));
-}
+    return B(() => {
+      s.persistent || setTimeout(() => {
+        f(), w();
+      }, 200);
+    }), E(() => {
+      s.persistent || (document.removeEventListener("keydown", r), document.removeEventListener("click", l));
+    }), (e, v) => (x(), y(M, null, {
+      default: L(() => [
+        a("div", {
+          class: c([m.value, "modal-wrapper"])
+        }, [
+          a("div", {
+            ref_key: "modalWrapperContentRef",
+            ref: o,
+            class: c([p.value, "modal-wrapper-content ds-w-full"])
+          }, [
+            _(e.$slots, "default")
+          ], 2)
+        ], 2)
+      ]),
+      _: 3
+    }));
+  }
+});
 export {
-  d as CompileErrorCodes,
-  Ue as ERROR_DOMAIN,
-  We as baseCompile,
-  F as createCompileError,
-  W as createLocation,
-  Xe as createParser,
-  Ce as createPosition,
-  Qe as defaultOnError,
-  qe as detectHtmlTag,
-  Se as errorMessages
+  g as default
 };
 //# sourceMappingURL=design-system100.mjs.map