@konstructio/ui 0.1.2-alpha.3 → 0.1.2-alpha.30

package/dist/index-CigKKiZS.js

@@ -0,0 +1,91 @@
+import * as l from "react";
+import R from "react";
+import { c as T } from "./index-CIAmiWcw.js";
+import { c as P, u as A } from "./index-DLcqcWxM.js";
+import { jsx as E } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function M(e) {
+  const t = /* @__PURE__ */ v(e), n = l.forwardRef((r, o) => {
+    const { children: c, ...a } = r, s = l.Children.toArray(c), d = s.find(w);
+    if (d) {
+      const f = d.props.children, y = s.map((I) => I === d ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : I);
+      return /* @__PURE__ */ E(t, { ...a, ref: o, children: l.isValidElement(f) ? l.cloneElement(f, void 0, y) : null });
+    }
+    return /* @__PURE__ */ E(t, { ...a, ref: o, children: c });
+  });
+  return n.displayName = `${e}.Slot`, n;
+}
+// @__NO_SIDE_EFFECTS__
+function v(e) {
+  const t = l.forwardRef((n, r) => {
+    const { children: o, ...c } = n;
+    if (l.isValidElement(o)) {
+      const a = D(o), s = V(c, o.props);
+      return o.type !== l.Fragment && (s.ref = r ? P(r, a) : a), l.cloneElement(o, s);
+    }
+    return l.Children.count(o) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var b = Symbol("radix.slottable");
+function w(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === b;
+}
+function V(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...s) => {
+      const d = c(...s);
+      return o(...s), d;
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function D(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function B(e) {
+  const t = e + "CollectionProvider", [n, r] = T(t), [o, c] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), a = (m) => {
+    const { scope: i, children: S } = m, u = R.useRef(null), p = R.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ E(o, { scope: i, itemMap: p, collectionRef: u, children: S });
+  };
+  a.displayName = t;
+  const s = e + "CollectionSlot", d = /* @__PURE__ */ M(s), f = R.forwardRef(
+    (m, i) => {
+      const { scope: S, children: u } = m, p = c(s, S), C = A(i, p.collectionRef);
+      return /* @__PURE__ */ E(d, { ref: C, children: u });
+    }
+  );
+  f.displayName = s;
+  const y = e + "CollectionItemSlot", I = "data-radix-collection-item", N = /* @__PURE__ */ M(y), _ = R.forwardRef(
+    (m, i) => {
+      const { scope: S, children: u, ...p } = m, C = R.useRef(null), g = A(i, C), x = c(y, S);
+      return R.useEffect(() => (x.itemMap.set(C, { ref: C, ...p }), () => void x.itemMap.delete(C))), /* @__PURE__ */ E(N, { [I]: "", ref: g, children: u });
+    }
+  );
+  _.displayName = y;
+  function O(m) {
+    const i = c(e + "CollectionConsumer", m);
+    return R.useCallback(() => {
+      const u = i.collectionRef.current;
+      if (!u) return [];
+      const p = Array.from(u.querySelectorAll(`[${I}]`));
+      return Array.from(i.itemMap.values()).sort(
+        (x, h) => p.indexOf(x.ref.current) - p.indexOf(h.ref.current)
+      );
+    }, [i.collectionRef, i.itemMap]);
+  }
+  return [
+    { Provider: a, Slot: f, ItemSlot: _ },
+    O,
+    r
+  ];
+}
+export {
+  B as c
+};

package/dist/index-DDByhzds.js

@@ -0,0 +1,137 @@
+import { jsx as a, Fragment as O, jsxs as w } from "react/jsx-runtime";
+import * as l from "react";
+import { c as I, b as x } from "./index-CIAmiWcw.js";
+import { u } from "./index-DLcqcWxM.js";
+import { c as A, R as M, P as L, O as $, W as F, C as B, T as G, d as W, b as v, e as j } from "./index-kyuBfLcN.js";
+import { Button as Y } from "./components/Button/Button.js";
+import { cn as k } from "./utils/index.js";
+var q = Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function H(r) {
+  const e = ({ children: o }) => /* @__PURE__ */ a(O, { children: o });
+  return e.displayName = `${r}.Slottable`, e.__radixId = q, e;
+}
+var D = "AlertDialog", [V, ne] = I(D, [
+  A
+]), s = A(), f = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ a(M, { ...t, ...o, modal: !0 });
+};
+f.displayName = D;
+var z = "AlertDialogTrigger", m = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, i = s(o);
+    return /* @__PURE__ */ a(j, { ...i, ...t, ref: e });
+  }
+);
+m.displayName = z;
+var J = "AlertDialogPortal", _ = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, t = s(e);
+  return /* @__PURE__ */ a(L, { ...t, ...o });
+};
+_.displayName = J;
+var K = "AlertDialogOverlay", y = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, i = s(o);
+    return /* @__PURE__ */ a($, { ...i, ...t, ref: e });
+  }
+);
+y.displayName = K;
+var n = "AlertDialogContent", [Q, U] = V(n), X = /* @__PURE__ */ H("AlertDialogContent"), N = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, children: t, ...i } = r, d = s(o), p = l.useRef(null), P = u(e, p), g = l.useRef(null);
+    return /* @__PURE__ */ a(
+      F,
+      {
+        contentName: n,
+        titleName: h,
+        docsSlug: "alert-dialog",
+        children: /* @__PURE__ */ a(Q, { scope: o, cancelRef: g, children: /* @__PURE__ */ w(
+          B,
+          {
+            role: "alertdialog",
+            ...d,
+            ...i,
+            ref: P,
+            onOpenAutoFocus: x(i.onOpenAutoFocus, (c) => {
+              c.preventDefault(), g.current?.focus({ preventScroll: !0 });
+            }),
+            onPointerDownOutside: (c) => c.preventDefault(),
+            onInteractOutside: (c) => c.preventDefault(),
+            children: [
+              /* @__PURE__ */ a(X, { children: t }),
+              /* @__PURE__ */ a(ee, { contentRef: p })
+            ]
+          }
+        ) })
+      }
+    );
+  }
+);
+N.displayName = n;
+var h = "AlertDialogTitle", R = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, i = s(o);
+    return /* @__PURE__ */ a(G, { ...i, ...t, ref: e });
+  }
+);
+R.displayName = h;
+var C = "AlertDialogDescription", S = l.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...t } = r, i = s(o);
+  return /* @__PURE__ */ a(W, { ...i, ...t, ref: e });
+});
+S.displayName = C;
+var Z = "AlertDialogAction", E = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, i = s(o);
+    return /* @__PURE__ */ a(v, { ...i, ...t, ref: e });
+  }
+);
+E.displayName = Z;
+var T = "AlertDialogCancel", b = l.forwardRef(
+  (r, e) => {
+    const { __scopeAlertDialog: o, ...t } = r, { cancelRef: i } = U(T, o), d = s(o), p = u(e, i);
+    return /* @__PURE__ */ a(v, { ...d, ...t, ref: p });
+  }
+);
+b.displayName = T;
+var ee = ({ contentRef: r }) => {
+  const e = `\`${n}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${n}\` by passing a \`${C}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${n}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return l.useEffect(() => {
+    document.getElementById(
+      r.current?.getAttribute("aria-describedby")
+    ) || console.warn(e);
+  }, [e, r]), null;
+}, ce = f, re = m, pe = _, de = y, ge = N, ue = E, Ae = b, ve = R, De = S;
+const fe = ({
+  "data-theme": r,
+  className: e,
+  text: o,
+  onOpen: t
+}) => /* @__PURE__ */ a(re, { asChild: !0, children: /* @__PURE__ */ a(
+  Y,
+  {
+    type: "button",
+    "data-theme": r,
+    className: k(e),
+    onClick: t,
+    children: o
+  }
+) });
+export {
+  fe as A,
+  ge as C,
+  De as D,
+  de as O,
+  pe as P,
+  ce as R,
+  ve as T,
+  Ae as a,
+  ue as b
+};

package/dist/{index-BAraV3ai.js → index-DH2Fnov1.js}

@@ -1,13 +1,12 @@
 import * as s from "react";
-import { c as K, b as I, a as L } from "./index-BfXxHr_2.js";
-import { c as ce } from "./index-Cvx4lqTq.js";
-import { u as ie } from "./index-DQH6odE9.js";
-import { u as O } from "./index-bwWKd82e.js";
-import { P as C } from "./index-C9T9HQaa.js";
+import { c as K, P as C, b as I, a as L } from "./index-CIAmiWcw.js";
+import { c as ce } from "./index-CigKKiZS.js";
+import { u as ie } from "./index-DLcqcWxM.js";
+import { u as O } from "./index-BbQkJE5L.js";
 import { u as ue } from "./index-0ioNhtNM.js";
 import { u as k } from "./index-BdMNhZnh.js";
 import { jsx as l } from "react/jsx-runtime";
-import { P as le } from "./index-C1g_chDT.js";
+import { P as le } from "./index-mPY_8Y5v.js";
 var N = "rovingFocusGroup.onEntryFocus", de = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [D, V, fe] = ce(h), [ve, U] = K(
   h,
   [fe]
@@ -172,7 +171,7 @@ function z(e, o = !1) {
 function Fe(e, o) {
   return e.map((n, t) => e[(o + t) % e.length]);
 }
-var Re = B, Ce = Y, _ = "Tabs", [he, Ge] = K(_, [
+var Re = B, Ce = Y, _ = "Tabs", [he, Me] = K(_, [
   U
 ]), H = U(), [Ee, x] = he(_), j = s.forwardRef(
   (e, o) => {
@@ -314,10 +313,10 @@ function ee(e, o) {
 function te(e, o) {
   return `${e}-content-${o}`;
 }
-var Ke = j, Le = J, Oe = W, ke = Z;
+var Ge = j, Ke = J, Le = W, Oe = Z;
 export {
-  ke as C,
-  Le as L,
-  Ke as R,
-  Oe as T
+  Oe as C,
+  Ke as L,
+  Ge as R,
+  Le as T
 };

package/dist/index-DLcqcWxM.js

@@ -0,0 +1,29 @@
+import * as l from "react";
+function s(n, o) {
+  if (typeof n == "function")
+    return n(o);
+  n != null && (n.current = o);
+}
+function f(...n) {
+  return (o) => {
+    let u = !1;
+    const c = n.map((t) => {
+      const e = s(t, o);
+      return !u && typeof e == "function" && (u = !0), e;
+    });
+    if (u)
+      return () => {
+        for (let t = 0; t < c.length; t++) {
+          const e = c[t];
+          typeof e == "function" ? e() : s(n[t], null);
+        }
+      };
+  };
+}
+function i(...n) {
+  return l.useCallback(f(...n), n);
+}
+export {
+  f as c,
+  i as u
+};

package/dist/index-Dbt2vBmS.js

@@ -0,0 +1,136 @@
+import * as i from "react";
+import { P as R, b as h, d as z } from "./index-CIAmiWcw.js";
+import { u as g } from "./index-DLcqcWxM.js";
+import { u as m } from "./index-0ioNhtNM.js";
+import { jsx as B } from "react/jsx-runtime";
+function H(n, e = globalThis?.document) {
+  const t = m(n);
+  i.useEffect(() => {
+    const o = (s) => {
+      s.key === "Escape" && t(s);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
+var K = "DismissableLayer", p = "dismissableLayer.update", M = "dismissableLayer.pointerDownOutside", j = "dismissableLayer.focusOutside", C, T = i.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = i.forwardRef(
+  (n, e) => {
+    const {
+      disableOutsidePointerEvents: t = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: s,
+      onFocusOutside: c,
+      onInteractOutside: f,
+      onDismiss: d,
+      ...E
+    } = n, a = i.useContext(T), [u, S] = i.useState(null), l = u?.ownerDocument ?? globalThis?.document, [, W] = i.useState({}), k = g(e, (r) => S(r)), b = Array.from(a.layers), [A] = [...a.layersWithOutsidePointerEventsDisabled].slice(-1), N = b.indexOf(A), D = u ? b.indexOf(u) : -1, _ = a.layersWithOutsidePointerEventsDisabled.size > 0, P = D >= N, U = Y((r) => {
+      const v = r.target, L = [...a.branches].some((y) => y.contains(v));
+      !P || L || (s?.(r), f?.(r), r.defaultPrevented || d?.());
+    }, l), O = q((r) => {
+      const v = r.target;
+      [...a.branches].some((y) => y.contains(v)) || (c?.(r), f?.(r), r.defaultPrevented || d?.());
+    }, l);
+    return H((r) => {
+      D === a.layers.size - 1 && (o?.(r), !r.defaultPrevented && d && (r.preventDefault(), d()));
+    }, l), i.useEffect(() => {
+      if (u)
+        return t && (a.layersWithOutsidePointerEventsDisabled.size === 0 && (C = l.body.style.pointerEvents, l.body.style.pointerEvents = "none"), a.layersWithOutsidePointerEventsDisabled.add(u)), a.layers.add(u), w(), () => {
+          t && a.layersWithOutsidePointerEventsDisabled.size === 1 && (l.body.style.pointerEvents = C);
+        };
+    }, [u, l, t, a]), i.useEffect(() => () => {
+      u && (a.layers.delete(u), a.layersWithOutsidePointerEventsDisabled.delete(u), w());
+    }, [u, a]), i.useEffect(() => {
+      const r = () => W({});
+      return document.addEventListener(p, r), () => document.removeEventListener(p, r);
+    }, []), /* @__PURE__ */ B(
+      R.div,
+      {
+        ...E,
+        ref: k,
+        style: {
+          pointerEvents: _ ? P ? "auto" : "none" : void 0,
+          ...n.style
+        },
+        onFocusCapture: h(n.onFocusCapture, O.onFocusCapture),
+        onBlurCapture: h(n.onBlurCapture, O.onBlurCapture),
+        onPointerDownCapture: h(
+          n.onPointerDownCapture,
+          U.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = K;
+var X = "DismissableLayerBranch", F = i.forwardRef((n, e) => {
+  const t = i.useContext(T), o = i.useRef(null), s = g(e, o);
+  return i.useEffect(() => {
+    const c = o.current;
+    if (c)
+      return t.branches.add(c), () => {
+        t.branches.delete(c);
+      };
+  }, [t.branches]), /* @__PURE__ */ B(R.div, { ...n, ref: s });
+});
+F.displayName = X;
+function Y(n, e = globalThis?.document) {
+  const t = m(n), o = i.useRef(!1), s = i.useRef(() => {
+  });
+  return i.useEffect(() => {
+    const c = (d) => {
+      if (d.target && !o.current) {
+        let E = function() {
+          I(
+            M,
+            t,
+            a,
+            { discrete: !0 }
+          );
+        };
+        const a = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", s.current), s.current = E, e.addEventListener("click", s.current, { once: !0 })) : E();
+      } else
+        e.removeEventListener("click", s.current);
+      o.current = !1;
+    }, f = window.setTimeout(() => {
+      e.addEventListener("pointerdown", c);
+    }, 0);
+    return () => {
+      window.clearTimeout(f), e.removeEventListener("pointerdown", c), e.removeEventListener("click", s.current);
+    };
+  }, [e, t]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function q(n, e = globalThis?.document) {
+  const t = m(n), o = i.useRef(!1);
+  return i.useEffect(() => {
+    const s = (c) => {
+      c.target && !o.current && I(j, t, { originalEvent: c }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", s), () => e.removeEventListener("focusin", s);
+  }, [e, t]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function w() {
+  const n = new CustomEvent(p);
+  document.dispatchEvent(n);
+}
+function I(n, e, t, { discrete: o }) {
+  const s = t.originalEvent.target, c = new CustomEvent(n, { bubbles: !1, cancelable: !0, detail: t });
+  e && s.addEventListener(n, e, { once: !0 }), o ? z(s, c) : s.dispatchEvent(c);
+}
+var Z = x, $ = F;
+export {
+  $ as B,
+  x as D,
+  Z as R
+};

package/dist/{index-DB2XhXHn.js → index-DpW9ExsS.js}

@@ -1,10 +1,10 @@
 import * as l from "react";
-import { a as ce, c as le, b as _ } from "./index-BfXxHr_2.js";
-import { u as M } from "./index-DQH6odE9.js";
+import { a as ce, c as le, b as _, P as T } from "./index-CIAmiWcw.js";
+import { u as M } from "./index-DLcqcWxM.js";
 import { u as de } from "./index-BdMNhZnh.js";
-import { a as ue, u as fe } from "./index-CZnD2QxM.js";
-import { P as T } from "./index-C9T9HQaa.js";
-import { c as me } from "./index-Cvx4lqTq.js";
+import { u as ue } from "./index-BZPx6jYI.js";
+import { u as fe } from "./index-ohdbKsws.js";
+import { c as me } from "./index-CigKKiZS.js";
 import { jsx as g, jsxs as Se } from "react/jsx-runtime";
 function $(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
@@ -305,7 +305,7 @@ var O = "SliderThumb", oe = l.forwardRef(
   }
 ), be = l.forwardRef(
   (e, t) => {
-    const { __scopeSlider: n, index: o, name: s, ...c } = e, r = V(O, n), a = Q(O, n), [u, w] = l.useState(null), p = M(t, (D) => w(D)), i = u ? r.form || !!u.closest("form") : !0, d = ue(u), v = r.values[o], y = v === void 0 ? 0 : ie(v, r.min, r.max), h = Pe(o, r.values.length), m = d?.[a.size], f = m ? De(m, y, a.direction) : 0;
+    const { __scopeSlider: n, index: o, name: s, ...c } = e, r = V(O, n), a = Q(O, n), [u, w] = l.useState(null), p = M(t, (D) => w(D)), i = u ? r.form || !!u.closest("form") : !0, d = fe(u), v = r.values[o], y = v === void 0 ? 0 : ie(v, r.min, r.max), h = Pe(o, r.values.length), m = d?.[a.size], f = m ? De(m, y, a.direction) : 0;
     return l.useEffect(() => {
       if (u)
         return r.thumbs.add(u), () => {
@@ -357,7 +357,7 @@ var O = "SliderThumb", oe = l.forwardRef(
 oe.displayName = O;
 var Re = "RadioBubbleInput", re = l.forwardRef(
   ({ __scopeSlider: e, value: t, ...n }, o) => {
-    const s = l.useRef(null), c = M(s, o), r = fe(t);
+    const s = l.useRef(null), c = M(s, o), r = ue(t);
     return l.useEffect(() => {
       const a = s.current;
       if (!a) return;

package/dist/index-DrWQH0QF.js

@@ -0,0 +1,55 @@
+import * as t from "react";
+import { c as f } from "./index-BtQfgaSF.js";
+import { jsx as a } from "react/jsx-runtime";
+var v = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], c = v.reduce((i, r) => {
+  const l = f(`Primitive.${r}`), e = t.forwardRef((s, d) => {
+    const { asChild: n, ...m } = s, p = n ? l : r;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(p, { ...m, ref: d });
+  });
+  return e.displayName = `Primitive.${r}`, { ...i, [r]: e };
+}, {}), u = Object.freeze({
+  // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}), w = "VisuallyHidden", o = t.forwardRef(
+  (i, r) => /* @__PURE__ */ a(
+    c.span,
+    {
+      ...i,
+      ref: r,
+      style: { ...u, ...i.style }
+    }
+  )
+);
+o.displayName = w;
+var S = o;
+export {
+  S as R,
+  o as V
+};

package/dist/{index-D3xzCzcO.js → index-X4k_cU8k.js}

@@ -1,8 +1,8 @@
-import { R as Ee, P as ke, O as Se, C as Ie } from "./index-BXuxPoz7.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-kyuBfLcN.js";
 import * as n from "react";
-import { P as C } from "./index-C9T9HQaa.js";
-import { u as P } from "./index-bwWKd82e.js";
-import { a as j } from "./index-DQH6odE9.js";
+import { P as C } from "./index-CIAmiWcw.js";
+import { u as P } from "./index-BbQkJE5L.js";
+import { c as j } from "./index-DLcqcWxM.js";
 var de = 1, xe = 0.9, Re = 0.8, Ce = 0.17, Q = 0.1, Z = 0.999, Ae = 0.9999, Me = 0.99, $e = /[\\\/_+.#"@\[\(\{&]/, De = /[\\\/_+.#"@\[\(\{&]/g, Fe = /[\s-]/, me = /[\s-]/g;
 function ee(t, l, r, f, u, c, d) {
   if (c === l.length) return u === t.length ? de : Me;