@cfx-dev/ui-components 0.0.5

package/dist/components/outlets.js

@@ -0,0 +1,7 @@
+import "../outlet-C4wpavcH.js";
+import { A as r, P as i, T } from "../outlets-BsMV5obW.js";
+export {
+  r as AfterTitleOutlet,
+  i as PreTitleOutlet,
+  T as TitleOutlet
+};

package/dist/components/ui.d.ts

@@ -0,0 +1,28 @@
+import { TextProps } from './Text/Text.types';
+
+export declare namespace ui {
+    /**
+     * Returns CSS value of quant value with applied multiplier
+     */
+    function q(multiplier?: number): string;
+    function offset(size?: 'none' | 'xsmall' | 'small' | 'normal' | 'large' | 'xlarge' | 'safezone'): string;
+    function fontSize(size?: TextProps['size']): string;
+    function borderRadius(size?: 'xsmall' | 'small' | 'normal'): string;
+    function color(name: string, variantRaw?: string | number, alpha?: number): string;
+    namespace cls {
+        const fullWidth = "util-full-width";
+        const fullHeight = "util-full-height";
+        const flexGrow = "util-flex-grow";
+        const flexNoShrink = "util-flex-no-shrink";
+        const userSelectableText = "util-text-selectable";
+        const zIndex9000 = "util-z-index-9000";
+    }
+    const pc: (x: number | string) => string;
+    const px: (x: number | string) => string;
+    const ch: (x: number | string) => string;
+    const em: (x: number | string) => string;
+    const rem: (x: number | string) => string;
+    const vh: (x: number | string) => string;
+    const vw: (x: number | string) => string;
+    const url: (u: unknown) => string;
+}

package/dist/components/ui.js

@@ -0,0 +1,29 @@
+var l;
+((e) => {
+  function n(r = 1) {
+    return `calc(var(--quant) * ${r})`;
+  }
+  e.q = n;
+  function o(r = "normal") {
+    return `var(--offset-${r})`;
+  }
+  e.offset = o;
+  function f(r = "normal") {
+    return `var(--font-size-${r})`;
+  }
+  e.fontSize = f;
+  function a(r = "normal") {
+    return `var(--border-radius-${r})`;
+  }
+  e.borderRadius = a;
+  function $(r, u, i = 1) {
+    let t = u;
+    return t === "pure" && (t = ""), typeof t == "number" && (t = `${t}`), `rgba(var(--color-${r}${t ? `-${t}` : ""}), ${i})`;
+  }
+  e.color = $, ((r) => {
+    r.fullWidth = "util-full-width", r.fullHeight = "util-full-height", r.flexGrow = "util-flex-grow", r.flexNoShrink = "util-flex-no-shrink", r.userSelectableText = "util-text-selectable", r.zIndex9000 = "util-z-index-9000";
+  })(e.cls || (e.cls = {})), e.pc = (r) => `${r}%`, e.px = (r) => `${r}px`, e.ch = (r) => `${r}ch`, e.em = (r) => `${r}em`, e.rem = (r) => `${r}rem`, e.vh = (r) => `${r}vh`, e.vw = (r) => `${r}vw`, e.url = (r) => `url(${r})`;
+})(l || (l = {}));
+export {
+  l as ui
+};

package/dist/functional-C0pE183N.js

@@ -0,0 +1,30 @@
+function e() {
+}
+function t() {
+  return !0;
+}
+function r() {
+  return !1;
+}
+function o(n) {
+  return n;
+}
+function u(n) {
+  n();
+}
+const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  identity: o,
+  invoke: u,
+  noop: e,
+  returnFalse: r,
+  returnTrue: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  r as a,
+  u as b,
+  a as f,
+  o as i,
+  e as n,
+  t as r
+};

package/dist/hooks-Bv1kQUpO.js

@@ -0,0 +1,65 @@
+import r from "react";
+const a = Symbol("Uninitialized");
+function f(e, ...t) {
+  const n = r.useRef(a);
+  return n.current === a && (n.current = e(...t)), n.current;
+}
+function o(e) {
+  const t = r.useRef(e);
+  return t.current = e, t;
+}
+function s(e, t = "keydown", n) {
+  r.useEffect(() => {
+    const i = (u) => {
+      s.shouldProcessEvent(u) && e.current(u);
+    };
+    return window.addEventListener(t, i, n), () => {
+      window.removeEventListener(t, i, n);
+    };
+  }, [t, n]);
+}
+s.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 c(e) {
+  const t = o((n) => {
+    c.isCloseEvent(n) && e();
+  });
+  s(t);
+}
+c.isCloseEvent = (e) => e.key === "Escape";
+function l(e) {
+  const t = o(e);
+  r.useEffect(() => {
+    const n = () => t.current();
+    return window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []);
+}
+const E = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  useDynamicRef: o,
+  useGlobalKeyboardEvent: s,
+  useInstance: f,
+  useKeyboardClose: c,
+  useWindowResize: l
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  l as a,
+  c as b,
+  f as c,
+  s as d,
+  E as h,
+  o as u
+};