@cfx-dev/ui-components 4.2.3 → 4.2.5

package/dist/components/Layout/Flex/Flex.d.ts

@@ -15,10 +15,11 @@ export interface FlexProps extends BoxProps {
     direction?: ResponsiveValueType<FlexDirectionType>;
     alignItems?: ResponsiveValueType<FlexAlignItemsType>;
     justifyContent?: ResponsiveValueType<FlexJustifyContentType>;
-    wrap?: ResponsiveValueType<FlexWrapType>;
+    wrap?: ResponsiveValueType<FlexWrapType | boolean>;
     children?: React.ReactNode;
     className?: string;
 }
+export declare function flexWrapResponsiveFormatter(val: FlexWrapType | boolean): string;
 declare const FlexComponentReffed: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
 type FlexType = typeof FlexComponentReffed & {
     Restricted: React.FC<{

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

@@ -1,4 +1,4 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import d from "react";
 import { Box as y } from "../Box/Box.js";
 import { ui as s } from "../../ui.js";
@@ -23,37 +23,40 @@ const j = "cfxui__Flex__root__d860a", z = "cfxui__Flex__centered__e911c", N = "c
   stretch: O,
   horizontal: T
 };
-function A(c, _) {
+function A(t) {
+  return t == null ? "" : typeof t == "boolean" ? t ? "wrap" : "nowrap" : t.toString();
+}
+function I(t, r) {
   const {
-    centered: t = !1,
+    centered: i = !1,
     vertical: x = !1,
     reverseOrder: p = !1,
     stretch: u = !1,
     spaceBetween: g = !1,
     alignToEnd: m = !1,
     alignToEndAxis: F = !1,
-    children: v,
-    className: b,
-    gap: i,
-    direction: n,
-    alignItems: r,
+    children: b,
+    className: h,
+    gap: n,
+    direction: _,
+    alignItems: o,
     justifyContent: a,
     wrap: l,
-    ...h
-  } = c, R = C(
+    ...v
+  } = t, R = C(
     e.root,
-    b,
-    s.getResponsiveClassnames("gap", i),
-    s.getResponsiveClassnames("flex-direction", n),
-    s.getResponsiveClassnames("align-items", r),
+    h,
+    s.getResponsiveClassnames("gap", n),
+    s.getResponsiveClassnames("flex-direction", _),
+    s.getResponsiveClassnames("align-items", o),
     s.getResponsiveClassnames("justify-content", a),
     s.getResponsiveClassnames("flex-wrap", l),
     {
-      [e.centered]: t === !0,
-      [e["centered-axis"]]: t === "axis",
-      [e["centered-cross-axis"]]: t === "cross-axis",
-      [e["baseline-axis"]]: t === "baseline-axis",
-      [e["baseline-cross-axis"]]: t === "baseline-cross-axis",
+      [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]: x,
       [e.horizontal]: !x,
       [e.stretch]: u,
@@ -63,29 +66,30 @@ function A(c, _) {
       [e["reverse-order"]]: p
     }
   ), w = d.useMemo(() => ({
-    ...s.getOffsetStyles("gap", i),
-    ...s.getResponsiveStyles("flex-direction", n),
-    ...s.getResponsiveStyles("align-items", r),
+    ...s.getOffsetStyles("gap", n),
+    ...s.getResponsiveStyles("flex-direction", _),
+    ...s.getResponsiveStyles("align-items", o),
     ...s.getResponsiveStyles("justify-content", a),
-    ...s.getResponsiveStyles("flex-wrap", l)
-  }), [i, n, r, a, l]);
-  return /* @__PURE__ */ o(
+    ...s.getResponsiveStyles("flex-wrap", l, A)
+  }), [n, _, o, a, l]);
+  return /* @__PURE__ */ c(
     y,
     {
-      ref: _,
+      ref: r,
       className: R,
       style: w,
-      ...h,
-      children: v
+      ...v,
+      children: b
     }
   );
 }
-const I = d.forwardRef(A), f = I;
+const M = d.forwardRef(I), f = M;
 f.Restricted = function({
-  children: _
+  children: r
 }) {
-  return /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(S, { children: _ }) });
+  return /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(S, { children: r }) });
 };
 export {
-  f as Flex
+  f as Flex,
+  A as flexWrapResponsiveFormatter
 };

package/dist/components/Select/Select.js

@@ -6,7 +6,7 @@ import { c as Je } from "../../index-rKs9bXHr.js";
 import { S as ze, P as O, d as bn } from "../../index-BlbvKsmN.js";
 import { u as xn } from "../../index-ByaXH_ih.js";
 import { c as pe, a as _n, b as X, u as et } from "../../index-Cf5Yu9oD.js";
-import { u as En, a as Pn, b as Rn, o as Tn, s as Nn, f as In, c as An, d as On, h as Mn, l as Ln, g as Dn, e as kn, i as Ge } from "../../index-DBus3GoO.js";
+import { u as En, a as Pn, b as Rn, o as Tn, s as Nn, f as In, c as An, d as On, h as Mn, l as Ln, g as Dn, i as kn, e as Ge } from "../../index-Bz27DCHt.js";
 import { u as Bn } from "../../index-BZPx6jYI.js";
 import { f as ht, _ as ce, c as Fn } from "../../tslib.es6-CBKHJX9H.js";
 import { c as Wn, u as zn } from "../../medium-BA3EQDZW.js";

package/dist/components/Slider/Slider.d.ts

@@ -1,11 +1,12 @@
 import { default as React } from 'react';
 import * as RadixSlider from '@radix-ui/react-slider';
-interface SliderProps extends RadixSlider.SliderProps {
+export interface SliderProps extends RadixSlider.SliderProps {
     ariaLabel?: string;
     className?: string;
-    title: string;
+    title?: string;
     minLabel?: string | number;
     maxLabel?: string | number;
+    trackClassName?: string;
 }
 export declare const Slider: React.FC<SliderProps>;
 export default Slider;