@cfx-dev/ui-components 3.0.2 → 3.0.3

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

@@ -1,106 +1,106 @@
-import { jsx as P } from "react/jsx-runtime";
-import c from "react";
-import { useContextualStyle as W } from "../../Style/Style.js";
-import { ui as a } from "../../ui.js";
+import { jsx as W } from "react/jsx-runtime";
+import x from "react";
+import { useContextualStyle as j } from "../../Style/Style.js";
+import { ui as g } from "../../ui.js";
 import { clsx as H } from "../../../utils/clsx.js";
-const z = "_root_1rhjm_1", D = "_grow_1rhjm_16", t = {
+const z = "cfxui__Box__root__299ae", D = "cfxui__Box__grow__7ee8d", t = {
   root: z,
-  "full-width": "_full-width_1rhjm_1",
-  "fit-content-width": "_fit-content-width_1rhjm_4",
-  "full-height": "_full-height_1rhjm_7",
-  "no-overflow": "_no-overflow_1rhjm_10",
-  "no-shrink": "_no-shrink_1rhjm_13",
+  "full-width": "cfxui__Box__full-width__2b253",
+  "fit-content-width": "cfxui__Box__fit-content-width__eff85",
+  "full-height": "cfxui__Box__full-height__1d61f",
+  "no-overflow": "cfxui__Box__no-overflow__68f14",
+  "no-shrink": "cfxui__Box__no-shrink__fbd72",
   grow: D,
-  "no-grow": "_no-grow_1rhjm_19"
+  "no-grow": "cfxui__Box__no-grow__7c039"
 };
-function y(r) {
-  return typeof r == "string" ? r : a.q(r);
+function y(e) {
+  return typeof e == "string" ? e : g.q(e);
 }
-const K = c.forwardRef(function(S, M) {
+const K = x.forwardRef(function(S, M) {
   const {
-    noOverflow: k = !1,
-    noShrink: v = !1,
-    grow: e = void 0,
-    width: d,
-    height: g,
-    children: A,
-    className: C,
-    fullWidth: N,
-    fullHeight: R,
-    fitContentWidth: b,
-    style: p,
+    noOverflow: b = !1,
+    noShrink: k = !1,
+    grow: r = void 0,
+    width: m,
+    height: d,
+    children: v,
+    className: A,
+    fullWidth: C,
+    fullHeight: N,
+    fitContentWidth: R,
+    style: a,
     // --- MPProps
-    m: n,
+    m: f,
     mt: i,
-    mr: l,
-    mb: s,
-    ml: f,
-    p: h,
-    pt: m,
-    pr: _,
-    pb: w,
-    pl: u
-  } = S, j = W(), q = H(t.root, C, {
-    [t["full-width"]]: N,
-    [t["full-height"]]: R,
-    [t["fit-content-width"]]: b,
-    [t["no-overflow"]]: k,
-    [t["no-shrink"]]: v,
-    [t["no-grow"]]: e === !1,
-    [t.grow]: e === !0
-  }), B = c.useMemo(() => a.getAllMPAttrs({
-    m: n,
+    mr: _,
+    mb: n,
+    ml: l,
+    p: s,
+    pt: c,
+    pr: u,
+    pb: h,
+    pl: w
+  } = S, p = j(), q = H(t.root, A, {
+    [t["full-width"]]: C,
+    [t["full-height"]]: N,
+    [t["fit-content-width"]]: R,
+    [t["no-overflow"]]: b,
+    [t["no-shrink"]]: k,
+    [t["no-grow"]]: r === !1,
+    [t.grow]: r === !0
+  }), O = x.useMemo(() => g.getAllMPAttrs({
+    m: f,
     mt: i,
-    mr: l,
-    mb: s,
-    ml: f,
-    p: h,
-    pt: m,
-    pr: _,
-    pb: w,
-    pl: u
+    mr: _,
+    mb: n,
+    ml: l,
+    p: s,
+    pt: c,
+    pr: u,
+    pb: h,
+    pl: w
   }), [
-    n,
+    f,
     i,
+    _,
+    n,
     l,
     s,
-    f,
+    c,
+    u,
     h,
-    m,
-    _,
-    w,
-    u
-  ]), x = c.useMemo(() => a.getAllMPStyles({
-    m: n,
+    w
+  ]), B = x.useMemo(() => g.getAllMPStyles({
+    m: f,
     mt: i,
-    mr: l,
-    mb: s,
-    ml: f,
-    p: h,
-    pt: m,
-    pr: _,
-    pb: w,
-    pl: u
+    mr: _,
+    mb: n,
+    ml: l,
+    p: s,
+    pt: c,
+    pr: u,
+    pb: h,
+    pl: w
   }), [
-    n,
+    f,
     i,
+    _,
+    n,
     l,
     s,
-    f,
+    c,
+    u,
     h,
-    m,
-    _,
-    w,
-    u
-  ]), O = c.useMemo(() => {
+    w
+  ]), P = x.useMemo(() => {
     const o = {
-      ...x,
-      ...j,
-      ...p || {}
+      ...B,
+      ...p,
+      ...a || {}
     };
-    return d && (o.width = y(d)), g && (o.height = y(g)), !o.width && e === !0 && (o.width = "1px"), o;
-  }, [e, g, x, p, d, j]);
-  return /* @__PURE__ */ P("div", { ...B, ref: M, className: q, style: O, children: A });
+    return m && (o.width = y(m)), d && (o.height = y(d)), !o.width && r === !0 && (o.width = "1px"), o;
+  }, [r, d, B, a, m, p]);
+  return /* @__PURE__ */ W("div", { ...O, ref: M, className: q, style: P, children: v });
 });
 export {
   K as Box

package/dist/components/Layout/Center/Center.js

@@ -1,22 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import i from "react";
-import { clsx as _ } from "../../../utils/clsx.js";
-const f = "_root_gr1d9_1", m = "_vertical_gr1d9_4", d = "_horizontal_gr1d9_8", o = {
+import { jsx as i } from "react/jsx-runtime";
+import l from "react";
+import { clsx as s } from "../../../utils/clsx.js";
+const f = "cfxui__Center__root__e3435", m = "cfxui__Center__vertical__a517d", h = "cfxui__Center__horizontal__21f93", o = {
   root: f,
   vertical: m,
-  horizontal: d
-}, g = i.forwardRef(function(r, t) {
+  horizontal: h
+}, d = l.forwardRef(function(t, r) {
   const {
-    vertical: a = !1,
-    horizontal: e = !1,
+    vertical: e = !1,
+    horizontal: a = !1,
     className: c,
-    children: l
-  } = r, n = _(o.root, c, {
-    [o.vertical]: a,
-    [o.horizontal]: e
+    children: n
+  } = t, _ = s(o.root, c, {
+    [o.vertical]: e,
+    [o.horizontal]: a
   });
-  return /* @__PURE__ */ s("div", { ref: t, className: n, children: l });
+  return /* @__PURE__ */ i("div", { ref: r, className: _, children: n });
 });
 export {
-  g as Center
+  d as Center
 };

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

@@ -1,83 +1,83 @@
-import { jsx as i } from "react/jsx-runtime";
-import f from "react";
-import { Box as u } from "../Box/Box.js";
+import { jsx as l } from "react/jsx-runtime";
+import m from "react";
+import { Box as h } from "../Box/Box.js";
 import { clsx as b } from "../../../utils/clsx.js";
-import { FlexRestricter as v } from "./FlexRestricter.js";
-const z = "_root_w5him_1", R = "_centered_w5him_11", F = "_vertical_w5him_30", C = "_repell_w5him_36", N = "_wrap_w5him_39", B = "_stretch_w5him_51", E = "_horizontal_w5him_57", e = {
-  root: z,
-  "full-width": "_full-width_w5him_5",
-  "full-height": "_full-height_w5him_8",
-  centered: R,
-  "centered-axis": "_centered-axis_w5him_15",
-  "centered-cross-axis": "_centered-cross-axis_w5him_18",
-  "baseline-axis": "_baseline-axis_w5him_21",
-  "baseline-cross-axis": "_baseline-cross-axis_w5him_24",
-  "reverse-order": "_reverse-order_w5him_27",
-  vertical: F,
+import { FlexRestricter as w } from "./FlexRestricter.js";
+const v = "cfxui__Flex__root__d860a", z = "cfxui__Flex__centered__e911c", R = "cfxui__Flex__vertical__552db", C = "cfxui__Flex__repell__6ea3f", N = "cfxui__Flex__wrap__9d0d6", B = "cfxui__Flex__stretch__5c1ce", E = "cfxui__Flex__horizontal__d64f7", e = {
+  root: v,
+  "full-width": "cfxui__Flex__full-width__b7146",
+  "full-height": "cfxui__Flex__full-height__d3475",
+  centered: z,
+  "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: R,
   repell: C,
   wrap: N,
-  "align-to-end": "_align-to-end_w5him_42",
-  "align-to-end-axis": "_align-to-end-axis_w5him_45",
-  "space-between": "_space-between_w5him_48",
+  "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: B,
   horizontal: E,
-  "gap-none": "_gap-none_w5him_63",
-  "gap-hairthin": "_gap-hairthin_w5him_66",
-  "gap-thin": "_gap-thin_w5him_69",
-  "gap-xxsmall": "_gap-xxsmall_w5him_72",
-  "gap-xsmall": "_gap-xsmall_w5him_75",
-  "gap-small": "_gap-small_w5him_78",
-  "gap-normal": "_gap-normal_w5him_81",
-  "gap-medium": "_gap-medium_w5him_84",
-  "gap-large": "_gap-large_w5him_87",
-  "gap-xlarge": "_gap-xlarge_w5him_90",
-  "gap-safezone": "_gap-safezone_w5him_93"
+  "gap-none": "cfxui__Flex__gap-none__deb35",
+  "gap-hairthin": "cfxui__Flex__gap-hairthin__5e46a",
+  "gap-thin": "cfxui__Flex__gap-thin__090a7",
+  "gap-xxsmall": "cfxui__Flex__gap-xxsmall__601de",
+  "gap-xsmall": "cfxui__Flex__gap-xsmall__17eb1",
+  "gap-small": "cfxui__Flex__gap-small__7c57e",
+  "gap-normal": "cfxui__Flex__gap-normal__56a4e",
+  "gap-medium": "cfxui__Flex__gap-medium__50167",
+  "gap-large": "cfxui__Flex__gap-large__91d92",
+  "gap-xlarge": "cfxui__Flex__gap-xlarge__ec431",
+  "gap-safezone": "cfxui__Flex__gap-safezone__4e3d1"
 };
-function T(r, s) {
+function T(s, a) {
   const {
-    centered: a = !1,
-    vertical: t = !1,
-    reverseOrder: n = !1,
-    stretch: l = !1,
-    wrap: o = !1,
-    spaceBetween: c = !1,
-    alignToEnd: m = !1,
-    alignToEndAxis: h = !1,
-    gap: p = "normal",
-    children: w,
-    className: g,
-    ...x
-  } = r, d = b(e.root, g, e[`gap-${p}`], {
-    [e.centered]: a === !0,
-    [e["centered-axis"]]: a === "axis",
-    [e["centered-cross-axis"]]: a === "cross-axis",
-    [e["baseline-axis"]]: a === "baseline-axis",
-    [e["baseline-cross-axis"]]: a === "baseline-cross-axis",
-    [e.vertical]: t,
-    [e.horizontal]: !t,
-    [e.stretch]: l,
-    [e.wrap]: o,
-    [e["align-to-end"]]: m,
-    [e["align-to-end-axis"]]: h,
-    [e["space-between"]]: c,
-    [e["reverse-order"]]: n
+    centered: _ = !1,
+    vertical: i = !1,
+    reverseOrder: x = !1,
+    stretch: c = !1,
+    wrap: t = !1,
+    spaceBetween: n = !1,
+    alignToEnd: o = !1,
+    alignToEndAxis: f = !1,
+    gap: d = "normal",
+    children: p,
+    className: u,
+    ...g
+  } = s, F = b(e.root, u, e[`gap-${d}`], {
+    [e.centered]: _ === !0,
+    [e["centered-axis"]]: _ === "axis",
+    [e["centered-cross-axis"]]: _ === "cross-axis",
+    [e["baseline-axis"]]: _ === "baseline-axis",
+    [e["baseline-cross-axis"]]: _ === "baseline-cross-axis",
+    [e.vertical]: i,
+    [e.horizontal]: !i,
+    [e.stretch]: c,
+    [e.wrap]: t,
+    [e["align-to-end"]]: o,
+    [e["align-to-end-axis"]]: f,
+    [e["space-between"]]: n,
+    [e["reverse-order"]]: x
   });
-  return /* @__PURE__ */ i(
-    u,
+  return /* @__PURE__ */ l(
+    h,
     {
-      ref: s,
-      className: d,
-      ...x,
-      children: w
+      ref: a,
+      className: F,
+      ...g,
+      children: p
     }
   );
 }
-const j = f.forwardRef(T), _ = j;
-_.Restricted = function({
-  children: s
+const j = m.forwardRef(T), r = j;
+r.Restricted = function({
+  children: a
 }) {
-  return /* @__PURE__ */ i(_, { children: /* @__PURE__ */ i(v, { children: s }) });
+  return /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(w, { children: a }) });
 };
 export {
-  _ as Flex
+  r as Flex
 };

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

@@ -1,20 +1,20 @@
-import { jsx as i } from "react/jsx-runtime";
-import l from "react";
-import { clsx as s } from "../../../utils/clsx.js";
-const n = "_root_1jvko_1", _ = "_vertical_1jvko_4", v = "_horizontal_1jvko_7", o = {
-  root: n,
-  vertical: _,
-  horizontal: v
-}, d = l.forwardRef(function(r, e) {
+import { jsx as l } from "react/jsx-runtime";
+import s from "react";
+import { clsx as _ } from "../../../utils/clsx.js";
+const a = "cfxui__FlexRestricter__root__a1583", n = "cfxui__FlexRestricter__vertical__27ce9", f = "cfxui__FlexRestricter__horizontal__2ab15", t = {
+  root: a,
+  vertical: n,
+  horizontal: f
+}, v = s.forwardRef(function(o, e) {
   const {
-    vertical: t = !1,
+    vertical: r = !1,
     children: c
-  } = r, a = s(o.root, {
-    [o.vertical]: t,
-    [o.horizontal]: !t
+  } = o, i = _(t.root, {
+    [t.vertical]: r,
+    [t.horizontal]: !r
   });
-  return /* @__PURE__ */ i("div", { ref: e, className: a, children: c });
+  return /* @__PURE__ */ l("div", { ref: e, className: i, children: c });
 });
 export {
-  d as FlexRestricter
+  v as FlexRestricter
 };

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

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import l from "react";
 import { Flex as s } from "./Flex.js";
-const t = "_box_1118n_1", o = {
-  box: t
+const x = "cfxui__FlexShowcase__box__d5286", o = {
+  box: x
 };
-function r(a) {
+function t(a) {
   return /* @__PURE__ */ e(s, { gap: "large", vertical: !0, children: /* @__PURE__ */ c(s, { ...a, children: [
     /* @__PURE__ */ e("div", { className: o.box }),
     /* @__PURE__ */ e("div", { className: o.box }),
@@ -13,7 +13,7 @@ function r(a) {
     /* @__PURE__ */ e("div", { className: o.box })
   ] }) });
 }
-const d = l.memo(r);
+const d = l.memo(t);
 export {
   d as default
 };

package/dist/components/Layout/Pad/Pad.js

@@ -1,40 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { clsx as u } from "../../../utils/clsx.js";
-const i = "_root_1aquh_1", o = {
-  root: i,
-  "offset-none": "_offset-none_1aquh_1",
-  "offset-hairthin": "_offset-hairthin_1aquh_4",
-  "offset-thin": "_offset-thin_1aquh_7",
-  "offset-xxsmall": "_offset-xxsmall_1aquh_10",
-  "offset-xsmall": "_offset-xsmall_1aquh_13",
-  "offset-small": "_offset-small_1aquh_16",
-  "offset-normal": "_offset-normal_1aquh_19",
-  "offset-medium": "_offset-medium_1aquh_22",
-  "offset-large": "_offset-large_1aquh_25",
-  "offset-xlarge": "_offset-xlarge_1aquh_28",
-  "offset-safezone": "_offset-safezone_1aquh_31",
-  "only-top": "_only-top_1aquh_34",
-  "only-left": "_only-left_1aquh_37",
-  "only-right": "_only-right_1aquh_40",
-  "only-bottom": "_only-bottom_1aquh_43"
+import { jsx as x } from "react/jsx-runtime";
+import { clsx as r } from "../../../utils/clsx.js";
+const d = "cfxui__Pad__root__f230e", _ = {
+  root: d,
+  "offset-none": "cfxui__Pad__offset-none__41261",
+  "offset-hairthin": "cfxui__Pad__offset-hairthin__aa20b",
+  "offset-thin": "cfxui__Pad__offset-thin__cf68c",
+  "offset-xxsmall": "cfxui__Pad__offset-xxsmall__4ce1d",
+  "offset-xsmall": "cfxui__Pad__offset-xsmall__cae67",
+  "offset-small": "cfxui__Pad__offset-small__5604b",
+  "offset-normal": "cfxui__Pad__offset-normal__628e1",
+  "offset-medium": "cfxui__Pad__offset-medium__6b21c",
+  "offset-large": "cfxui__Pad__offset-large__7d722",
+  "offset-xlarge": "cfxui__Pad__offset-xlarge__ce0b6",
+  "offset-safezone": "cfxui__Pad__offset-safezone__2a0b0",
+  "only-top": "cfxui__Pad__only-top__9db9a",
+  "only-left": "cfxui__Pad__only-left__11e11",
+  "only-right": "cfxui__Pad__only-right__3fa8a",
+  "only-bottom": "cfxui__Pad__only-bottom__dc7c9"
 };
-function x(l) {
+function P(s) {
   const {
-    top: f = !1,
-    left: e = !1,
-    right: s = !1,
-    bottom: _ = !1,
-    size: a = "normal",
-    children: n,
-    className: h
-  } = l, t = !(f || e || s || _), r = u(o.root, h, o[`offset-${a}`], {
-    [o["only-top"]]: t || f,
-    [o["only-left"]]: t || e,
-    [o["only-right"]]: t || s,
-    [o["only-bottom"]]: t || _
+    top: o = !1,
+    left: t = !1,
+    right: e = !1,
+    bottom: a = !1,
+    size: l = "normal",
+    children: c,
+    className: i
+  } = s, f = !(o || t || e || a), n = r(_.root, i, _[`offset-${l}`], {
+    [_["only-top"]]: f || o,
+    [_["only-left"]]: f || t,
+    [_["only-right"]]: f || e,
+    [_["only-bottom"]]: f || a
   });
-  return /* @__PURE__ */ m("div", { className: r, children: n });
+  return /* @__PURE__ */ x("div", { className: n, children: c });
 }
 export {
-  x as Pad
+  P as Pad
 };

package/dist/components/Layout/Page/Page.js

@@ -1,21 +1,21 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
-import { clsx as n } from "../../../utils/clsx.js";
-const d = "_root_18k7e_1", _ = "_loader_18k7e_8", m = "_wtf_18k7e_1", o = {
+import { jsxs as _, jsx as c } from "react/jsx-runtime";
+import { clsx as l } from "../../../utils/clsx.js";
+const d = "cfxui__Page__root__3b40d", f = "cfxui__Page__loader__df597", n = "cfxui__Page__wtf__c1620", o = {
   root: d,
-  loader: _,
-  wtf: m
+  loader: f,
+  wtf: n
 };
-function w(s) {
+function x(s) {
   const {
     children: r,
     className: t,
-    showLoader: e = !1
-  } = s, a = n(o.root, t);
-  return /* @__PURE__ */ c("div", { className: a, children: [
+    showLoader: a = !1
+  } = s, e = l(o.root, t);
+  return /* @__PURE__ */ _("div", { className: e, children: [
     r,
-    e && /* @__PURE__ */ l("div", { className: o.loader })
+    a && /* @__PURE__ */ c("div", { className: o.loader })
   ] });
 }
 export {
-  w as Page
+  x as Page
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../Interactive/Interactive.js";
 import "../../../utils/clsx.js";
 import "../../../utils/math.js";
-import { R } from "../../../Rail-XT5PwAlx.js";
+import { R } from "../../../Rail-DcVowhML.js";
 export {
   R as Rail
 };

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

@@ -3,7 +3,7 @@ import r from "react";
 import { useContextualStyle as W } from "../../Style/Style.js";
 import { clsx as b } from "../../../utils/clsx.js";
 import { mergeRefs as k } from "../../../utils/mergeRefs.js";
-import { s as o, R as w } from "../../../Rail-XT5PwAlx.js";
+import { s as o, R as w } from "../../../Rail-DcVowhML.js";
 const N = {
   size: 0,
   scrollPos: 0,

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

@@ -3,7 +3,7 @@ import N, { createElement as k, PureComponent as re } from "react";
 import { _ as ie, a as ne } from "../../../inheritsLoose-CyjgKRgL.js";
 import { clsx as oe } from "../../../utils/clsx.js";
 import { Scrollable as le } from "./Scrollable.js";
-import { s as se } from "../../../Rail-XT5PwAlx.js";
+import { s as se } from "../../../Rail-DcVowhML.js";
 function $(r) {
   if (r === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   return r;

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

@@ -1,4 +1,4 @@
-import { R as o } from "../../../Rail-XT5PwAlx.js";
+import { R as o } from "../../../Rail-DcVowhML.js";
 import { Scrollable as e } from "./Scrollable.js";
 import { VirtualScrollable as f } from "./VirtualScrollable.js";
 export {

package/dist/components/Link/ButtonLink.js

@@ -4,9 +4,9 @@ import { getLinkClassName as i } from "./Link.js";
 function l(t) {
   const {
     className: c,
-    children: o,
-    type: a = "button",
-    disabled: e = !1,
+    children: e,
+    type: o = "button",
+    disabled: a = !1,
     ...s
   } = t, n = i(t);
   return /* @__PURE__ */ r(
@@ -14,9 +14,10 @@ function l(t) {
     {
       ...s,
       className: n,
-      type: a,
-      "aria-disabled": e,
-      children: o
+      type: o,
+      "aria-disabled": a,
+      tabIndex: a ? -1 : 0,
+      children: e
     }
   );
 }