@cfx-dev/ui-components 4.3.2 → 4.3.4

package/dist/components/Layout/Box/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Box, stringPropFormater } from './Box';
-export type { BoxProps } from './Box';

package/dist/components/Layout/Box/index.js

@@ -1,5 +0,0 @@
-import { default as t, stringPropFormater as a } from "./Box.js";
-export {
-  t as Box,
-  a as stringPropFormater
-};

package/dist/components/Layout/Flex/Flex.js

@@ -1,84 +0,0 @@
-import { jsx as R } from "react/jsx-runtime";
-import l from "react";
-import h from "../Box/Box.js";
-import { clsx as y } from "../../../utils/clsx.js";
-import { ui as s } from "../../../utils/ui/ui.js";
-const w = "cfxui__Flex__root__d860a", C = "cfxui__Flex__centered__e911c", S = "cfxui__Flex__vertical__552db", j = "cfxui__Flex__stretch__5c1ce", z = "cfxui__Flex__horizontal__d64f7", e = {
-  root: w,
-  centered: C,
-  "centered-axis": "cfxui__Flex__centered-axis__8458f",
-  "centered-cross-axis": "cfxui__Flex__centered-cross-axis__f7db7",
-  "baseline-axis": "cfxui__Flex__baseline-axis__9ac0d",
-  "baseline-cross-axis": "cfxui__Flex__baseline-cross-axis__b4492",
-  "reverse-order": "cfxui__Flex__reverse-order__65a69",
-  vertical: S,
-  "align-to-end": "cfxui__Flex__align-to-end__4b5ea",
-  "align-to-end-axis": "cfxui__Flex__align-to-end-axis__db8aa",
-  "space-between": "cfxui__Flex__space-between__98493",
-  stretch: j,
-  horizontal: z
-};
-function N(t) {
-  return t == null ? "" : typeof t == "boolean" ? t ? "wrap" : "nowrap" : t.toString();
-}
-function B(t) {
-  const {
-    centered: i = !1,
-    vertical: c = !1,
-    reverseOrder: x = !1,
-    stretch: f = !1,
-    spaceBetween: d = !1,
-    alignToEnd: p = !1,
-    alignToEndAxis: u = !1,
-    children: g,
-    className: m,
-    gap: n,
-    direction: a,
-    alignItems: r,
-    justifyContent: o,
-    wrap: _,
-    ...b
-  } = t, v = y(
-    e.root,
-    m,
-    s.getResponsiveClassnames("gap", n),
-    s.getResponsiveClassnames("flex-direction", a),
-    s.getResponsiveClassnames("align-items", r),
-    s.getResponsiveClassnames("justify-content", o),
-    s.getResponsiveClassnames("flex-wrap", _),
-    {
-      [e.centered]: i === !0,
-      [e["centered-axis"]]: i === "axis",
-      [e["centered-cross-axis"]]: i === "cross-axis",
-      [e["baseline-axis"]]: i === "baseline-axis",
-      [e["baseline-cross-axis"]]: i === "baseline-cross-axis",
-      [e.vertical]: c,
-      [e.horizontal]: !c,
-      [e.stretch]: f,
-      [e["align-to-end"]]: p,
-      [e["align-to-end-axis"]]: u,
-      [e["space-between"]]: d,
-      [e["reverse-order"]]: x
-    }
-  ), F = l.useMemo(() => ({
-    ...s.getOffsetStyles("gap", n),
-    ...s.getResponsiveStyles("flex-direction", a),
-    ...s.getResponsiveStyles("align-items", r),
-    ...s.getResponsiveStyles("justify-content", o),
-    ...s.getResponsiveStyles("flex-wrap", _, N)
-  }), [n, a, r, o, _]);
-  return /* @__PURE__ */ R(
-    h,
-    {
-      className: v,
-      style: F,
-      ...b,
-      children: g
-    }
-  );
-}
-const M = l.memo(B);
-export {
-  M as default,
-  N as flexWrapResponsiveFormatter
-};

package/dist/components/Layout/Scrollable/Rail.js

@@ -1,9 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../Interactive/Interactive.js";
-import "../../../utils/clsx.js";
-import "../../../utils/math.js";
-import { R } from "../../../Rail-DcVowhML.js";
-export {
-  R as Rail
-};

package/dist/components/Layout/Scrollable/Scrollable.js

@@ -1,91 +0,0 @@
-import { jsxs as W, jsx as i } from "react/jsx-runtime";
-import r from "react";
-import { clsx as x } from "../../../utils/clsx.js";
-import { mergeRefs as k } from "../../../utils/mergeRefs.js";
-import { s as o, R as N } from "../../../Rail-DcVowhML.js";
-const P = {
-  size: 0,
-  scrollPos: 0,
-  scrollSize: 0
-};
-function G(b) {
-  const {
-    children: w,
-    className: A,
-    onScroll: l,
-    minThumbSize: u = 20,
-    verticalAsHorizontal: f = !1,
-    ref: L,
-    scrollerRef: E
-  } = b, e = r.useRef(null), a = r.useRef(null), [T, S] = r.useState(!1), [c, y] = r.useState(P), [g, I] = r.useState(0), [n, X] = r.useState(P), [Y, _] = r.useState(0), C = x(o.root, A, {
-    [o.active]: T
-  });
-  r.useLayoutEffect(() => {
-    if (!a.current)
-      throw new Error("No scrollable content ref");
-    const s = new ResizeObserver(() => {
-      var t, R, d, h, v, p;
-      X({
-        size: ((t = e.current) == null ? void 0 : t.clientHeight) || 0,
-        scrollPos: ((R = e.current) == null ? void 0 : R.scrollTop) || 0,
-        scrollSize: ((d = e.current) == null ? void 0 : d.scrollHeight) || 0
-      }), y({
-        size: ((h = e.current) == null ? void 0 : h.clientWidth) || 0,
-        scrollPos: ((v = e.current) == null ? void 0 : v.scrollLeft) || 0,
-        scrollSize: ((p = e.current) == null ? void 0 : p.scrollWidth) || 0
-      });
-    });
-    return s.observe(a.current), () => s.disconnect();
-  }, []);
-  const H = r.useCallback(
-    (s) => {
-      e.current && (l == null || l(s), _(e.current.scrollTop), I(e.current.scrollLeft));
-    },
-    [l]
-  );
-  r.useEffect(() => {
-    if (!f || !e.current)
-      return;
-    const s = (t) => {
-      t.preventDefault(), t.stopPropagation(), e.current && (e.current.scrollLeft += t.deltaY);
-    };
-    return e.current.addEventListener("wheel", s), () => {
-      var t;
-      return (t = e.current) == null ? void 0 : t.removeEventListener("wheel", s);
-    };
-  }, [f]);
-  const z = c.scrollSize - c.size > 1, m = n.scrollSize - n.size > 1, j = x(o.scroller, {
-    [o["no-x-scroll"]]: !z,
-    [o["no-y-scroll"]]: !m
-  });
-  return /* @__PURE__ */ W("div", { ref: L, className: C, children: [
-    /* @__PURE__ */ i("div", { ref: k(e, E), className: j, onScroll: H, children: /* @__PURE__ */ i("div", { ref: a, className: o.content, children: w }) }),
-    m && /* @__PURE__ */ i(
-      N,
-      {
-        rootRef: e,
-        axis: "y",
-        size: n.size,
-        pos: Y,
-        scrollSize: n.scrollSize,
-        setRootActive: S,
-        minThumbSize: u
-      }
-    ),
-    z && /* @__PURE__ */ i(
-      N,
-      {
-        rootRef: e,
-        axis: "x",
-        size: c.size,
-        pos: g,
-        scrollSize: c.scrollSize,
-        setRootActive: S,
-        minThumbSize: u
-      }
-    )
-  ] });
-}
-export {
-  G as Scrollable
-};

package/dist/index-BHuChyf5.js

@@ -1,238 +0,0 @@
-import * as c from "react";
-import { jsx as y } from "react/jsx-runtime";
-import { r as w } from "./index-Cl_RnsqN.js";
-function v(e, n) {
-  if (typeof e == "function")
-    return e(n);
-  e != null && (e.current = n);
-}
-function C(...e) {
-  return (n) => {
-    let o = !1;
-    const r = e.map((t) => {
-      const s = v(t, n);
-      return !o && typeof s == "function" && (o = !0), s;
-    });
-    if (o)
-      return () => {
-        for (let t = 0; t < r.length; t++) {
-          const s = r[t];
-          typeof s == "function" ? s() : v(e[t], null);
-        }
-      };
-  };
-}
-function j(...e) {
-  return c.useCallback(C(...e), e);
-}
-function B(e, n = []) {
-  let o = [];
-  function r(s, u) {
-    const i = c.createContext(u), l = o.length;
-    o = [...o, u];
-    const f = (a) => {
-      var b;
-      const { scope: p, children: h, ...m } = a, S = ((b = p == null ? void 0 : p[e]) == null ? void 0 : b[l]) || i, g = c.useMemo(() => m, Object.values(m));
-      return /* @__PURE__ */ y(S.Provider, { value: g, children: h });
-    };
-    f.displayName = s + "Provider";
-    function d(a, p) {
-      var S;
-      const h = ((S = p == null ? void 0 : p[e]) == null ? void 0 : S[l]) || i, m = c.useContext(h);
-      if (m) return m;
-      if (u !== void 0) return u;
-      throw new Error(`\`${a}\` must be used within \`${s}\``);
-    }
-    return [f, d];
-  }
-  const t = () => {
-    const s = o.map((u) => c.createContext(u));
-    return function(i) {
-      const l = (i == null ? void 0 : i[e]) || s;
-      return c.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
-      );
-    };
-  };
-  return t.scopeName = e, [r, P(t, ...n)];
-}
-function P(...e) {
-  const n = e[0];
-  if (e.length === 1) return n;
-  const o = () => {
-    const r = e.map((t) => ({
-      useScope: t(),
-      scopeName: t.scopeName
-    }));
-    return function(s) {
-      const u = r.reduce((i, { useScope: l, scopeName: f }) => {
-        const a = l(s)[`__scope${f}`];
-        return { ...i, ...a };
-      }, {});
-      return c.useMemo(() => ({ [`__scope${n.scopeName}`]: u }), [u]);
-    };
-  };
-  return o.scopeName = n.scopeName, o;
-}
-function k(e, n, { checkForDefaultPrevented: o = !0 } = {}) {
-  return function(t) {
-    if (e == null || e(t), o === !1 || !t.defaultPrevented)
-      return n == null ? void 0 : n(t);
-  };
-}
-var x = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
-}, E = c[" useInsertionEffect ".trim().toString()] || x;
-function L({
-  prop: e,
-  defaultProp: n,
-  onChange: o = () => {
-  },
-  caller: r
-}) {
-  const [t, s, u] = R({
-    defaultProp: n,
-    onChange: o
-  }), i = e !== void 0, l = i ? e : t;
-  {
-    const d = c.useRef(e !== void 0);
-    c.useEffect(() => {
-      const a = d.current;
-      a !== i && console.warn(
-        `${r} is changing from ${a ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), d.current = i;
-    }, [i, r]);
-  }
-  const f = c.useCallback(
-    (d) => {
-      var a;
-      if (i) {
-        const p = $(d) ? d(e) : d;
-        p !== e && ((a = u.current) == null || a.call(u, p));
-      } else
-        s(d);
-    },
-    [i, e, s, u]
-  );
-  return [l, f];
-}
-function R({
-  defaultProp: e,
-  onChange: n
-}) {
-  const [o, r] = c.useState(e), t = c.useRef(o), s = c.useRef(n);
-  return E(() => {
-    s.current = n;
-  }, [n]), c.useEffect(() => {
-    var u;
-    t.current !== o && ((u = s.current) == null || u.call(s, o), t.current = o);
-  }, [o, t]), [o, r, s];
-}
-function $(e) {
-  return typeof e == "function";
-}
-function T(e) {
-  const [n, o] = c.useState(void 0);
-  return x(() => {
-    if (e) {
-      o({ width: e.offsetWidth, height: e.offsetHeight });
-      const r = new ResizeObserver((t) => {
-        if (!Array.isArray(t) || !t.length)
-          return;
-        const s = t[0];
-        let u, i;
-        if ("borderBoxSize" in s) {
-          const l = s.borderBoxSize, f = Array.isArray(l) ? l[0] : l;
-          u = f.inlineSize, i = f.blockSize;
-        } else
-          u = e.offsetWidth, i = e.offsetHeight;
-        o({ width: u, height: i });
-      });
-      return r.observe(e, { box: "border-box" }), () => r.unobserve(e);
-    } else
-      o(void 0);
-  }, [e]), n;
-}
-// @__NO_SIDE_EFFECTS__
-function z(e) {
-  const n = /* @__PURE__ */ _(e), o = c.forwardRef((r, t) => {
-    const { children: s, ...u } = r, i = c.Children.toArray(s), l = i.find(A);
-    if (l) {
-      const f = l.props.children, d = i.map((a) => a === l ? c.Children.count(f) > 1 ? c.Children.only(null) : c.isValidElement(f) ? f.props.children : null : a);
-      return /* @__PURE__ */ y(n, { ...u, ref: t, children: c.isValidElement(f) ? c.cloneElement(f, void 0, d) : null });
-    }
-    return /* @__PURE__ */ y(n, { ...u, ref: t, children: s });
-  });
-  return o.displayName = `${e}.Slot`, o;
-}
-// @__NO_SIDE_EFFECTS__
-function _(e) {
-  const n = c.forwardRef((o, r) => {
-    const { children: t, ...s } = o;
-    if (c.isValidElement(t)) {
-      const u = D(t), i = N(s, t.props);
-      return t.type !== c.Fragment && (i.ref = r ? C(r, u) : u), c.cloneElement(t, i);
-    }
-    return c.Children.count(t) > 1 ? c.Children.only(null) : null;
-  });
-  return n.displayName = `${e}.SlotClone`, n;
-}
-var O = Symbol("radix.slottable");
-function A(e) {
-  return c.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === O;
-}
-function N(e, n) {
-  const o = { ...n };
-  for (const r in n) {
-    const t = e[r], s = n[r];
-    /^on[A-Z]/.test(r) ? t && s ? o[r] = (...i) => {
-      s(...i), t(...i);
-    } : t && (o[r] = t) : r === "style" ? o[r] = { ...t, ...s } : r === "className" && (o[r] = [t, s].filter(Boolean).join(" "));
-  }
-  return { ...e, ...o };
-}
-function D(e) {
-  var r, t;
-  let n = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = n && "isReactWarning" in n && n.isReactWarning;
-  return o ? e.ref : (n = (t = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : t.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
-}
-var I = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], F = I.reduce((e, n) => {
-  const o = /* @__PURE__ */ z(`Primitive.${n}`), r = c.forwardRef((t, s) => {
-    const { asChild: u, ...i } = t, l = u ? o : n;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ y(l, { ...i, ref: s });
-  });
-  return r.displayName = `Primitive.${n}`, { ...e, [n]: r };
-}, {});
-function M(e, n) {
-  e && w.flushSync(() => e.dispatchEvent(n));
-}
-export {
-  F as P,
-  x as a,
-  z as b,
-  B as c,
-  L as d,
-  k as e,
-  T as f,
-  M as g,
-  C as h,
-  j as u
-};