@boxcustodia/library 0.2.5 → 0.2.6

package/dist/index.es802.js

@@ -1,17 +1,146 @@
-function o(e) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? o = function(t) {
-    return typeof t;
-  } : o = function(t) {
-    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-  }, o(e);
+import { wrapConnectorHooks as s } from "./index.es803.js";
+import { isRef as c } from "./index.es804.js";
+import { shallowEqual as d } from "./index.es781.js";
+function u(i, r) {
+  if (!(i instanceof r))
+    throw new TypeError("Cannot call a class as a function");
 }
-function r(e) {
-  return (
-    // eslint-disable-next-line no-prototype-builtins
-    e !== null && o(e) === "object" && Object.prototype.hasOwnProperty.call(e, "current")
-  );
+function g(i, r) {
+  for (var e = 0; e < r.length; e++) {
+    var t = r[e];
+    t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), Object.defineProperty(i, t.key, t);
+  }
 }
+function h(i, r, e) {
+  return r && g(i.prototype, r), i;
+}
+function n(i, r, e) {
+  return r in i ? Object.defineProperty(i, r, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[r] = e, i;
+}
+var w = /* @__PURE__ */ function() {
+  function i(r) {
+    var e = this;
+    u(this, i), n(this, "hooks", s({
+      dragSource: function(a, o) {
+        e.clearDragSource(), e.dragSourceOptions = o || null, c(a) ? e.dragSourceRef = a : e.dragSourceNode = a, e.reconnectDragSource();
+      },
+      dragPreview: function(a, o) {
+        e.clearDragPreview(), e.dragPreviewOptions = o || null, c(a) ? e.dragPreviewRef = a : e.dragPreviewNode = a, e.reconnectDragPreview();
+      }
+    })), n(this, "handlerId", null), n(this, "dragSourceRef", null), n(this, "dragSourceNode", void 0), n(this, "dragSourceOptionsInternal", null), n(this, "dragSourceUnsubscribe", void 0), n(this, "dragPreviewRef", null), n(this, "dragPreviewNode", void 0), n(this, "dragPreviewOptionsInternal", null), n(this, "dragPreviewUnsubscribe", void 0), n(this, "lastConnectedHandlerId", null), n(this, "lastConnectedDragSource", null), n(this, "lastConnectedDragSourceOptions", null), n(this, "lastConnectedDragPreview", null), n(this, "lastConnectedDragPreviewOptions", null), n(this, "backend", void 0), this.backend = r;
+  }
+  return h(i, [{
+    key: "receiveHandlerId",
+    value: function(e) {
+      this.handlerId !== e && (this.handlerId = e, this.reconnect());
+    }
+  }, {
+    key: "connectTarget",
+    get: function() {
+      return this.dragSource;
+    }
+  }, {
+    key: "dragSourceOptions",
+    get: function() {
+      return this.dragSourceOptionsInternal;
+    },
+    set: function(e) {
+      this.dragSourceOptionsInternal = e;
+    }
+  }, {
+    key: "dragPreviewOptions",
+    get: function() {
+      return this.dragPreviewOptionsInternal;
+    },
+    set: function(e) {
+      this.dragPreviewOptionsInternal = e;
+    }
+  }, {
+    key: "reconnect",
+    value: function() {
+      this.reconnectDragSource(), this.reconnectDragPreview();
+    }
+  }, {
+    key: "reconnectDragSource",
+    value: function() {
+      var e = this.dragSource, t = this.didHandlerIdChange() || this.didConnectedDragSourceChange() || this.didDragSourceOptionsChange();
+      if (t && this.disconnectDragSource(), !!this.handlerId) {
+        if (!e) {
+          this.lastConnectedDragSource = e;
+          return;
+        }
+        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragSource = e, this.lastConnectedDragSourceOptions = this.dragSourceOptions, this.dragSourceUnsubscribe = this.backend.connectDragSource(this.handlerId, e, this.dragSourceOptions));
+      }
+    }
+  }, {
+    key: "reconnectDragPreview",
+    value: function() {
+      var e = this.dragPreview, t = this.didHandlerIdChange() || this.didConnectedDragPreviewChange() || this.didDragPreviewOptionsChange();
+      if (t && this.disconnectDragPreview(), !!this.handlerId) {
+        if (!e) {
+          this.lastConnectedDragPreview = e;
+          return;
+        }
+        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDragPreview = e, this.lastConnectedDragPreviewOptions = this.dragPreviewOptions, this.dragPreviewUnsubscribe = this.backend.connectDragPreview(this.handlerId, e, this.dragPreviewOptions));
+      }
+    }
+  }, {
+    key: "didHandlerIdChange",
+    value: function() {
+      return this.lastConnectedHandlerId !== this.handlerId;
+    }
+  }, {
+    key: "didConnectedDragSourceChange",
+    value: function() {
+      return this.lastConnectedDragSource !== this.dragSource;
+    }
+  }, {
+    key: "didConnectedDragPreviewChange",
+    value: function() {
+      return this.lastConnectedDragPreview !== this.dragPreview;
+    }
+  }, {
+    key: "didDragSourceOptionsChange",
+    value: function() {
+      return !d(this.lastConnectedDragSourceOptions, this.dragSourceOptions);
+    }
+  }, {
+    key: "didDragPreviewOptionsChange",
+    value: function() {
+      return !d(this.lastConnectedDragPreviewOptions, this.dragPreviewOptions);
+    }
+  }, {
+    key: "disconnectDragSource",
+    value: function() {
+      this.dragSourceUnsubscribe && (this.dragSourceUnsubscribe(), this.dragSourceUnsubscribe = void 0);
+    }
+  }, {
+    key: "disconnectDragPreview",
+    value: function() {
+      this.dragPreviewUnsubscribe && (this.dragPreviewUnsubscribe(), this.dragPreviewUnsubscribe = void 0, this.dragPreviewNode = null, this.dragPreviewRef = null);
+    }
+  }, {
+    key: "dragSource",
+    get: function() {
+      return this.dragSourceNode || this.dragSourceRef && this.dragSourceRef.current;
+    }
+  }, {
+    key: "dragPreview",
+    get: function() {
+      return this.dragPreviewNode || this.dragPreviewRef && this.dragPreviewRef.current;
+    }
+  }, {
+    key: "clearDragSource",
+    value: function() {
+      this.dragSourceNode = null, this.dragSourceRef = null;
+    }
+  }, {
+    key: "clearDragPreview",
+    value: function() {
+      this.dragPreviewNode = null, this.dragPreviewRef = null;
+    }
+  }]), i;
+}();
 export {
-  r as isRef
+  w as SourceConnector
 };

package/dist/index.es803.js

@@ -1,95 +1,53 @@
-import { shallowEqual as s } from "./index.es778.js";
-import { wrapConnectorHooks as d } from "./index.es801.js";
-import { isRef as l } from "./index.es802.js";
-function h(r, e) {
-  if (!(r instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function u(r, e) {
-  for (var t = 0; t < e.length; t++) {
-    var n = e[t];
-    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(r, n.key, n);
+import { invariant as f } from "./index.es775.js";
+import { isValidElement as u, cloneElement as a } from "react";
+function l(n) {
+  if (typeof n.type != "string") {
+    var e = n.type.displayName || n.type.name || "the component";
+    throw new Error("Only native element nodes can now be passed to React DnD connectors." + "You can either wrap ".concat(e, " into a <div>, or turn it into a ") + "drag source or a drop target itself.");
   }
 }
-function c(r, e, t) {
-  return e && u(r.prototype, e), r;
+function p(n) {
+  return function() {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null, t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
+    if (!u(e)) {
+      var o = e;
+      return n(o, t), o;
+    }
+    var r = e;
+    l(r);
+    var c = t ? function(s) {
+      return n(s, t);
+    } : n;
+    return m(r, c);
+  };
 }
-function a(r, e, t) {
-  return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+function v(n) {
+  var e = {};
+  return Object.keys(n).forEach(function(t) {
+    var o = n[t];
+    if (t.endsWith("Ref"))
+      e[t] = n[t];
+    else {
+      var r = p(o);
+      e[t] = function() {
+        return r;
+      };
+    }
+  }), e;
+}
+function i(n, e) {
+  typeof n == "function" ? n(e) : n.current = e;
+}
+function m(n, e) {
+  var t = n.ref;
+  return f(typeof t != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), t ? a(n, {
+    ref: function(r) {
+      i(t, r), i(e, r);
+    }
+  }) : a(n, {
+    ref: e
+  });
 }
-var f = /* @__PURE__ */ function() {
-  function r(e) {
-    var t = this;
-    h(this, r), a(this, "hooks", d({
-      dropTarget: function(i, o) {
-        t.clearDropTarget(), t.dropTargetOptions = o, l(i) ? t.dropTargetRef = i : t.dropTargetNode = i, t.reconnect();
-      }
-    })), a(this, "handlerId", null), a(this, "dropTargetRef", null), a(this, "dropTargetNode", void 0), a(this, "dropTargetOptionsInternal", null), a(this, "unsubscribeDropTarget", void 0), a(this, "lastConnectedHandlerId", null), a(this, "lastConnectedDropTarget", null), a(this, "lastConnectedDropTargetOptions", null), a(this, "backend", void 0), this.backend = e;
-  }
-  return c(r, [{
-    key: "connectTarget",
-    get: function() {
-      return this.dropTarget;
-    }
-  }, {
-    key: "reconnect",
-    value: function() {
-      var t = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();
-      t && this.disconnectDropTarget();
-      var n = this.dropTarget;
-      if (this.handlerId) {
-        if (!n) {
-          this.lastConnectedDropTarget = n;
-          return;
-        }
-        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDropTarget = n, this.lastConnectedDropTargetOptions = this.dropTargetOptions, this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, n, this.dropTargetOptions));
-      }
-    }
-  }, {
-    key: "receiveHandlerId",
-    value: function(t) {
-      t !== this.handlerId && (this.handlerId = t, this.reconnect());
-    }
-  }, {
-    key: "dropTargetOptions",
-    get: function() {
-      return this.dropTargetOptionsInternal;
-    },
-    set: function(t) {
-      this.dropTargetOptionsInternal = t;
-    }
-  }, {
-    key: "didHandlerIdChange",
-    value: function() {
-      return this.lastConnectedHandlerId !== this.handlerId;
-    }
-  }, {
-    key: "didDropTargetChange",
-    value: function() {
-      return this.lastConnectedDropTarget !== this.dropTarget;
-    }
-  }, {
-    key: "didOptionsChange",
-    value: function() {
-      return !s(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
-    }
-  }, {
-    key: "disconnectDropTarget",
-    value: function() {
-      this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
-    }
-  }, {
-    key: "dropTarget",
-    get: function() {
-      return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;
-    }
-  }, {
-    key: "clearDropTarget",
-    value: function() {
-      this.dropTargetRef = null, this.dropTargetNode = null;
-    }
-  }]), r;
-}();
 export {
-  f as TargetConnector
+  v as wrapConnectorHooks
 };

package/dist/index.es804.js

@@ -1,16 +1,17 @@
-function u(t, g, n) {
-  var r = n.getRegistry(), e = r.addTarget(t, g);
-  return [e, function() {
-    return r.removeTarget(e);
-  }];
+function o(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? o = function(t) {
+    return typeof t;
+  } : o = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, o(e);
 }
-function o(t, g, n) {
-  var r = n.getRegistry(), e = r.addSource(t, g);
-  return [e, function() {
-    return r.removeSource(e);
-  }];
+function r(e) {
+  return (
+    // eslint-disable-next-line no-prototype-builtins
+    e !== null && o(e) === "object" && Object.prototype.hasOwnProperty.call(e, "current")
+  );
 }
 export {
-  o as registerSource,
-  u as registerTarget
+  r as isRef
 };

package/dist/index.es805.js

@@ -1,13 +1,95 @@
-import { useMemo as n, useEffect as o } from "react";
-import { DragSourceImpl as t } from "./index.es824.js";
-function i(r, e, u) {
-  var f = n(function() {
-    return new t(r, e, u);
-  }, [e, u]);
-  return o(function() {
-    f.spec = r;
-  }, [r]), f;
+import { shallowEqual as s } from "./index.es781.js";
+import { wrapConnectorHooks as d } from "./index.es803.js";
+import { isRef as l } from "./index.es804.js";
+function h(r, e) {
+  if (!(r instanceof e))
+    throw new TypeError("Cannot call a class as a function");
 }
+function u(r, e) {
+  for (var t = 0; t < e.length; t++) {
+    var n = e[t];
+    n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(r, n.key, n);
+  }
+}
+function c(r, e, t) {
+  return e && u(r.prototype, e), r;
+}
+function a(r, e, t) {
+  return e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
+}
+var f = /* @__PURE__ */ function() {
+  function r(e) {
+    var t = this;
+    h(this, r), a(this, "hooks", d({
+      dropTarget: function(i, o) {
+        t.clearDropTarget(), t.dropTargetOptions = o, l(i) ? t.dropTargetRef = i : t.dropTargetNode = i, t.reconnect();
+      }
+    })), a(this, "handlerId", null), a(this, "dropTargetRef", null), a(this, "dropTargetNode", void 0), a(this, "dropTargetOptionsInternal", null), a(this, "unsubscribeDropTarget", void 0), a(this, "lastConnectedHandlerId", null), a(this, "lastConnectedDropTarget", null), a(this, "lastConnectedDropTargetOptions", null), a(this, "backend", void 0), this.backend = e;
+  }
+  return c(r, [{
+    key: "connectTarget",
+    get: function() {
+      return this.dropTarget;
+    }
+  }, {
+    key: "reconnect",
+    value: function() {
+      var t = this.didHandlerIdChange() || this.didDropTargetChange() || this.didOptionsChange();
+      t && this.disconnectDropTarget();
+      var n = this.dropTarget;
+      if (this.handlerId) {
+        if (!n) {
+          this.lastConnectedDropTarget = n;
+          return;
+        }
+        t && (this.lastConnectedHandlerId = this.handlerId, this.lastConnectedDropTarget = n, this.lastConnectedDropTargetOptions = this.dropTargetOptions, this.unsubscribeDropTarget = this.backend.connectDropTarget(this.handlerId, n, this.dropTargetOptions));
+      }
+    }
+  }, {
+    key: "receiveHandlerId",
+    value: function(t) {
+      t !== this.handlerId && (this.handlerId = t, this.reconnect());
+    }
+  }, {
+    key: "dropTargetOptions",
+    get: function() {
+      return this.dropTargetOptionsInternal;
+    },
+    set: function(t) {
+      this.dropTargetOptionsInternal = t;
+    }
+  }, {
+    key: "didHandlerIdChange",
+    value: function() {
+      return this.lastConnectedHandlerId !== this.handlerId;
+    }
+  }, {
+    key: "didDropTargetChange",
+    value: function() {
+      return this.lastConnectedDropTarget !== this.dropTarget;
+    }
+  }, {
+    key: "didOptionsChange",
+    value: function() {
+      return !s(this.lastConnectedDropTargetOptions, this.dropTargetOptions);
+    }
+  }, {
+    key: "disconnectDropTarget",
+    value: function() {
+      this.unsubscribeDropTarget && (this.unsubscribeDropTarget(), this.unsubscribeDropTarget = void 0);
+    }
+  }, {
+    key: "dropTarget",
+    get: function() {
+      return this.dropTargetNode || this.dropTargetRef && this.dropTargetRef.current;
+    }
+  }, {
+    key: "clearDropTarget",
+    value: function() {
+      this.dropTargetRef = null, this.dropTargetNode = null;
+    }
+  }]), r;
+}();
 export {
-  i as useDragSource
+  f as TargetConnector
 };

package/dist/index.es806.js

@@ -1,11 +1,16 @@
-import { invariant as t } from "./index.es766.js";
-import { useMemo as n } from "react";
-function i(e) {
-  return n(function() {
-    var r = e.type;
-    return t(r != null, "spec.type must be defined"), r;
-  }, [e]);
+function u(t, g, n) {
+  var r = n.getRegistry(), e = r.addTarget(t, g);
+  return [e, function() {
+    return r.removeTarget(e);
+  }];
+}
+function o(t, g, n) {
+  var r = n.getRegistry(), e = r.addSource(t, g);
+  return [e, function() {
+    return r.removeSource(e);
+  }];
 }
 export {
-  i as useDragType
+  o as registerSource,
+  u as registerTarget
 };

package/dist/index.es807.js

@@ -1,58 +1,11 @@
-import { useIsomorphicLayoutEffect as f } from "./index.es790.js";
-import { useCollector as s } from "./index.es765.js";
-function y(r, e) {
-  return h(r) || p(r, e) || b(r, e) || d();
-}
-function d() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
-}
-function b(r, e) {
-  if (r) {
-    if (typeof r == "string") return c(r, e);
-    var t = Object.prototype.toString.call(r).slice(8, -1);
-    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
-    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return c(r, e);
-  }
-}
-function c(r, e) {
-  (e == null || e > r.length) && (e = r.length);
-  for (var t = 0, n = new Array(e); t < e; t++)
-    n[t] = r[t];
-  return n;
-}
-function p(r, e) {
-  var t = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
-  if (t != null) {
-    var n = [], o = !0, a = !1, u, i;
-    try {
-      for (t = t.call(r); !(o = (u = t.next()).done) && (n.push(u.value), !(e && n.length === e)); o = !0)
-        ;
-    } catch (l) {
-      a = !0, i = l;
-    } finally {
-      try {
-        !o && t.return != null && t.return();
-      } finally {
-        if (a) throw i;
-      }
-    }
-    return n;
-  }
-}
-function h(r) {
-  if (Array.isArray(r)) return r;
-}
-function v(r, e, t) {
-  var n = s(r, e, t), o = y(n, 2), a = o[0], u = o[1];
-  return f(function() {
-    var l = r.getHandlerId();
-    if (l != null)
-      return r.subscribeToStateChange(u, {
-        handlerIds: [l]
-      });
-  }, [r, u]), a;
+import { invariant as e } from "./index.es775.js";
+import { useMemo as c } from "react";
+function i(t) {
+  var r = t.accept;
+  return c(function() {
+    return e(t.accept != null, "accept must be defined"), Array.isArray(r) ? r : [r];
+  }, [r]);
 }
 export {
-  v as useMonitorOutput
+  i as useAccept
 };

package/dist/index.es808.js

@@ -1,11 +1,13 @@
-import { invariant as e } from "./index.es766.js";
-import { useMemo as c } from "react";
-function i(t) {
-  var r = t.accept;
-  return c(function() {
-    return e(t.accept != null, "accept must be defined"), Array.isArray(r) ? r : [r];
-  }, [r]);
+import { useMemo as o, useEffect as n } from "react";
+import { DropTargetImpl as u } from "./index.es826.js";
+function m(r, e) {
+  var t = o(function() {
+    return new u(r, e);
+  }, [e]);
+  return n(function() {
+    t.spec = r;
+  }, [r]), t;
 }
 export {
-  i as useAccept
+  m as useDropTarget
 };

package/dist/index.es809.js

@@ -1,13 +1,58 @@
-import { useMemo as o, useEffect as n } from "react";
-import { DropTargetImpl as u } from "./index.es825.js";
-function m(r, e) {
-  var t = o(function() {
-    return new u(r, e);
-  }, [e]);
-  return n(function() {
-    t.spec = r;
-  }, [r]), t;
+import { useIsomorphicLayoutEffect as f } from "./index.es793.js";
+import { useCollector as s } from "./index.es774.js";
+function y(r, e) {
+  return h(r) || p(r, e) || b(r, e) || d();
+}
+function d() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function b(r, e) {
+  if (r) {
+    if (typeof r == "string") return c(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(r);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return c(r, e);
+  }
+}
+function c(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++)
+    n[t] = r[t];
+  return n;
+}
+function p(r, e) {
+  var t = r == null ? null : typeof Symbol < "u" && r[Symbol.iterator] || r["@@iterator"];
+  if (t != null) {
+    var n = [], o = !0, a = !1, u, i;
+    try {
+      for (t = t.call(r); !(o = (u = t.next()).done) && (n.push(u.value), !(e && n.length === e)); o = !0)
+        ;
+    } catch (l) {
+      a = !0, i = l;
+    } finally {
+      try {
+        !o && t.return != null && t.return();
+      } finally {
+        if (a) throw i;
+      }
+    }
+    return n;
+  }
+}
+function h(r) {
+  if (Array.isArray(r)) return r;
+}
+function v(r, e, t) {
+  var n = s(r, e, t), o = y(n, 2), a = o[0], u = o[1];
+  return f(function() {
+    var l = r.getHandlerId();
+    if (l != null)
+      return r.subscribeToStateChange(u, {
+        handlerIds: [l]
+      });
+  }, [r, u]), a;
 }
 export {
-  m as useDropTarget
+  v as useMonitorOutput
 };

package/dist/index.es81.js

@@ -1,17 +1,7 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
-}
+import { act as r, fireEvent as o } from "./index.es129.js";
+const c = (t, e) => r(() => {
+  o.change(t, { target: { value: e } });
+});
 export {
-  i as clsx,
-  i as default
+  c as type
 };