@cfx-dev/ui-components 0.0.19 → 0.0.20

package/dist/style-guide/Colours/Swatches.js

@@ -0,0 +1,48 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+function n({
+  name: t,
+  colorValue: i
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      style: {
+        display: "inline-block",
+        margin: "10px",
+        padding: "10px",
+        border: "1px solid #ccc"
+      },
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            style: {
+              width: "100px",
+              height: "100px",
+              backgroundColor: i,
+              border: "1px solid #000",
+              marginBottom: "5px"
+            }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              fontFamily: "Arial, sans-serif"
+            },
+            children: [
+              t,
+              ": ",
+              i
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  n as default
+};

package/dist/style-guide/Icons/IconDisplayGrid.d.ts

@@ -0,0 +1,2 @@
+declare function IconDisplayGrid(): import("react/jsx-runtime").JSX.Element;
+export default IconDisplayGrid;

package/dist/style-guide/Icons/IconDisplayGrid.js

@@ -0,0 +1,42 @@
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { I as s } from "../../Icons-BlBKvJD8.js";
+function a() {
+  const i = Object.entries(s).map(([e, t]) => ({
+    name: e,
+    component: t
+  }));
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(200px, 1fr))",
+        gap: "30px",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: i.map(({
+        name: e,
+        component: t
+      }) => /* @__PURE__ */ r(
+        "div",
+        {
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center"
+          },
+          children: [
+            t,
+            /* @__PURE__ */ n("span", { style: { marginTop: "10px" }, children: e })
+          ]
+        },
+        e
+      ))
+    }
+  );
+}
+export {
+  a as default
+};

package/dist/style-guide/Icons/Icons.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import { B as n, I as p } from "../../Icons-BlBKvJD8.js";
+import "../../index.esm-BkynlSN6.js";
+export {
+  n as BrandIcon,
+  p as Icons
+};

package/dist/tslib.es6-CBKHJX9H.js

@@ -0,0 +1,151 @@
+var y = function(c, a) {
+  return y = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(r, e) {
+    r.__proto__ = e;
+  } || function(r, e) {
+    for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && (r[o] = e[o]);
+  }, y(c, a);
+};
+function h(c, a) {
+  if (typeof a != "function" && a !== null)
+    throw new TypeError("Class extends value " + String(a) + " is not a constructor or null");
+  y(c, a);
+  function r() {
+    this.constructor = c;
+  }
+  c.prototype = a === null ? Object.create(a) : (r.prototype = a.prototype, new r());
+}
+var p = function() {
+  return p = Object.assign || function(a) {
+    for (var r, e = 1, o = arguments.length; e < o; e++) {
+      r = arguments[e];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (a[t] = r[t]);
+    }
+    return a;
+  }, p.apply(this, arguments);
+};
+function _(c, a) {
+  var r = {};
+  for (var e in c) Object.prototype.hasOwnProperty.call(c, e) && a.indexOf(e) < 0 && (r[e] = c[e]);
+  if (c != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, e = Object.getOwnPropertySymbols(c); o < e.length; o++)
+      a.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(c, e[o]) && (r[e[o]] = c[e[o]]);
+  return r;
+}
+function d(c, a, r, e) {
+  function o(t) {
+    return t instanceof r ? t : new r(function(l) {
+      l(t);
+    });
+  }
+  return new (r || (r = Promise))(function(t, l) {
+    function i(u) {
+      try {
+        n(e.next(u));
+      } catch (s) {
+        l(s);
+      }
+    }
+    function f(u) {
+      try {
+        n(e.throw(u));
+      } catch (s) {
+        l(s);
+      }
+    }
+    function n(u) {
+      u.done ? t(u.value) : o(u.value).then(i, f);
+    }
+    n((e = e.apply(c, a || [])).next());
+  });
+}
+function w(c, a) {
+  var r = { label: 0, sent: function() {
+    if (t[0] & 1) throw t[1];
+    return t[1];
+  }, trys: [], ops: [] }, e, o, t, l;
+  return l = { next: i(0), throw: i(1), return: i(2) }, typeof Symbol == "function" && (l[Symbol.iterator] = function() {
+    return this;
+  }), l;
+  function i(n) {
+    return function(u) {
+      return f([n, u]);
+    };
+  }
+  function f(n) {
+    if (e) throw new TypeError("Generator is already executing.");
+    for (; l && (l = 0, n[0] && (r = 0)), r; ) try {
+      if (e = 1, o && (t = n[0] & 2 ? o.return : n[0] ? o.throw || ((t = o.return) && t.call(o), 0) : o.next) && !(t = t.call(o, n[1])).done) return t;
+      switch (o = 0, t && (n = [n[0] & 2, t.value]), n[0]) {
+        case 0:
+        case 1:
+          t = n;
+          break;
+        case 4:
+          return r.label++, { value: n[1], done: !1 };
+        case 5:
+          r.label++, o = n[1], n = [0];
+          continue;
+        case 7:
+          n = r.ops.pop(), r.trys.pop();
+          continue;
+        default:
+          if (t = r.trys, !(t = t.length > 0 && t[t.length - 1]) && (n[0] === 6 || n[0] === 2)) {
+            r = 0;
+            continue;
+          }
+          if (n[0] === 3 && (!t || n[1] > t[0] && n[1] < t[3])) {
+            r.label = n[1];
+            break;
+          }
+          if (n[0] === 6 && r.label < t[1]) {
+            r.label = t[1], t = n;
+            break;
+          }
+          if (t && r.label < t[2]) {
+            r.label = t[2], r.ops.push(n);
+            break;
+          }
+          t[2] && r.ops.pop(), r.trys.pop();
+          continue;
+      }
+      n = a.call(c, r);
+    } catch (u) {
+      n = [6, u], o = 0;
+    } finally {
+      e = t = 0;
+    }
+    if (n[0] & 5) throw n[1];
+    return { value: n[0] ? n[1] : void 0, done: !0 };
+  }
+}
+function b(c, a) {
+  var r = typeof Symbol == "function" && c[Symbol.iterator];
+  if (!r) return c;
+  var e = r.call(c), o, t = [], l;
+  try {
+    for (; (a === void 0 || a-- > 0) && !(o = e.next()).done; ) t.push(o.value);
+  } catch (i) {
+    l = { error: i };
+  } finally {
+    try {
+      o && !o.done && (r = e.return) && r.call(e);
+    } finally {
+      if (l) throw l.error;
+    }
+  }
+  return t;
+}
+function v(c, a, r) {
+  if (r || arguments.length === 2) for (var e = 0, o = a.length, t; e < o; e++)
+    (t || !(e in a)) && (t || (t = Array.prototype.slice.call(a, 0, e)), t[e] = a[e]);
+  return c.concat(t || Array.prototype.slice.call(a));
+}
+export {
+  p as _,
+  d as a,
+  w as b,
+  v as c,
+  b as d,
+  h as e,
+  _ as f
+};

package/dist/utils/functional.js

@@ -1,8 +1,21 @@
-import { i as e, b as n, n as s, a as o, r as t } from "../functional-C0pE183N.js";
+function t() {
+}
+function r() {
+  return !0;
+}
+function e() {
+  return !1;
+}
+function u(n) {
+  return n;
+}
+function o(n) {
+  n();
+}
 export {
-  e as identity,
-  n as invoke,
-  s as noop,
-  o as returnFalse,
-  t as returnTrue
+  u as identity,
+  o as invoke,
+  t as noop,
+  e as returnFalse,
+  r as returnTrue
 };

package/dist/utils/hooks.d.ts

@@ -11,4 +11,6 @@ export declare namespace useKeyboardClose {
     var isCloseEvent: (event: KeyboardEvent) => boolean;
 }
 export declare function useWindowResize<T extends () => void>(callback: T): void;
+export declare function useOutletAfter(id: string): React.FC<React.PropsWithChildren>;
+export declare function useOutletBefore(id: string): React.FC<React.PropsWithChildren>;
 export declare function useOutlet(id: string): React.FC<React.PropsWithChildren>;

package/dist/utils/hooks.js

@@ -1,12 +1,102 @@
-import "react/jsx-runtime";
-import "react";
-import "../index-C75OpfGQ.js";
-import { u, e as r, d as i, c as m, a as n, b } from "../hooks-GAujvL7d.js";
+import { jsx as y } from "react/jsx-runtime";
+import u from "react";
+import { R as d } from "../index-2hJuj4UN.js";
+const f = Symbol("Uninitialized");
+function P(e, ...t) {
+  const n = u.useRef(f);
+  return n.current === f && (n.current = e(...t)), n.current;
+}
+function m(e) {
+  const t = u.useRef(e);
+  return t.current = e, t;
+}
+function i(e, t = "keydown", n) {
+  u.useEffect(() => {
+    const o = (r) => {
+      i.shouldProcessEvent(r) && e.current(r);
+    };
+    return window.addEventListener(t, o, n), () => {
+      window.removeEventListener(t, o, n);
+    };
+  }, [t, n]);
+}
+i.shouldProcessEvent = (e) => {
+  if (e.target instanceof Element) {
+    if (e.target.hasAttribute("contenteditable"))
+      return !1;
+    switch (e.target.tagName) {
+      case "INPUT":
+      case "SELECT":
+      case "TEXTAREA":
+        return !1;
+      default:
+        return !0;
+    }
+  }
+  return !0;
+};
+function E(e) {
+  const t = m((n) => {
+    E.isCloseEvent(n) && e();
+  });
+  i(t);
+}
+E.isCloseEvent = (e) => e.key === "Escape";
+function v(e) {
+  const t = m(e);
+  u.useEffect(() => {
+    const n = () => t.current();
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []);
+}
+function a(e) {
+  const {
+    children: t
+  } = e;
+  return /* @__PURE__ */ y("div", { style: { display: "none" }, children: t });
+}
+function h(e) {
+  const [t, n] = u.useState(() => a);
+  return u.useEffect(() => {
+    const o = `${e}_after`;
+    let r = document.getElementById(o), c = document.getElementById(e);
+    c || (c = document.createElement("div"), c.id = e, document.body.appendChild(c)), r || (r = document.createElement("div"), r.id = o, c.after(r));
+    const s = ({
+      children: l
+    }) => d.createPortal(l, r);
+    n(() => s);
+  }, [e]), t;
+}
+function R(e) {
+  const [t, n] = u.useState(() => a);
+  return u.useEffect(() => {
+    const o = `${e}_before`;
+    let r = document.getElementById(o), c = document.getElementById(e);
+    c || (c = document.createElement("div"), c.id = e, document.body.appendChild(c)), r || (r = document.createElement("div"), r.id = o, document.body.insertBefore(r, c));
+    const s = ({
+      children: l
+    }) => d.createPortal(l, r);
+    n(() => s);
+  }, [e]), t;
+}
+function B(e) {
+  const [t, n] = u.useState(() => a);
+  return u.useEffect(() => {
+    let o = document.getElementById(e);
+    o || (o = document.createElement("div"), o.id = e, document.body.appendChild(o));
+    const r = ({
+      children: c
+    }) => d.createPortal(c, o);
+    n(() => r);
+  }, [e]), t;
+}
 export {
-  u as useDynamicRef,
-  r as useGlobalKeyboardEvent,
-  i as useInstance,
-  m as useKeyboardClose,
-  n as useOutlet,
-  b as useWindowResize
+  m as useDynamicRef,
+  i as useGlobalKeyboardEvent,
+  P as useInstance,
+  E as useKeyboardClose,
+  B as useOutlet,
+  h as useOutletAfter,
+  R as useOutletBefore,
+  v as useWindowResize
 };