@cfx-dev/ui-components 4.5.15 → 4.5.17

package/dist/components/Checkbox/Checkbox.js

@@ -1,9 +1,9 @@
 import { jsx as s, jsxs as w, Fragment as $ } from "react/jsx-runtime";
 import * as l from "react";
 import G from "react";
-import { c as K, P as g, d as X, u as B, e as q, f as J } from "../../index-DCuJlMqr.js";
+import { c as K, P as g, u as X, b as B, a as q, d as J } from "../../index-CfQtbUfi.js";
 import { u as Q } from "../../index-BZPx6jYI.js";
-import { P as V } from "../../index-DWzyrn_L.js";
+import { P as V } from "../../index-3ctv5u9o.js";
 import "../Icons/cfx-icons/Close.js";
 import "../Icons/cfx-icons/Controller.js";
 import "../Icons/cfx-icons/Copy.js";
@@ -12,6 +12,7 @@ import "../Icons/cfx-icons/DownChevron.js";
 import "../Icons/cfx-icons/Download.js";
 import "../Icons/cfx-icons/Expand.js";
 import "../Icons/cfx-icons/ExternalLink.js";
+import "../Icons/cfx-icons/Filter.js";
 import "../Icons/cfx-icons/Heart.js";
 import "../Icons/cfx-icons/HeartFilled.js";
 import "../Icons/cfx-icons/Help.js";
@@ -57,7 +58,7 @@ import "../Icons/cfx-icons-big/Warning.js";
 import "../Icons/cfx-icons-big/Confirm.js";
 import { clsx as N } from "../../utils/clsx.js";
 import { getColor as Z } from "../../utils/color.js";
-var R = "Checkbox", [ee, ho] = K(R), [oe, E] = ee(R);
+var R = "Checkbox", [ee, bo] = K(R), [oe, E] = ee(R);
 function te(o) {
   const {
     __scopeCheckbox: a,
@@ -69,10 +70,10 @@ function te(o) {
     name: _,
     onCheckedChange: d,
     required: h,
-    value: C = "on",
+    value: b = "on",
     // @ts-expect-error
     internal_do_not_use_render: p
-  } = o, [i, b] = X({
+  } = o, [i, C] = X({
     prop: n,
     defaultProp: r ?? !1,
     onChange: d,
@@ -83,12 +84,12 @@ function te(o) {
   ), P = {
     checked: i,
     disabled: e,
-    setChecked: b,
+    setChecked: C,
     control: u,
     setControl: k,
     name: _,
     form: f,
-    value: C,
+    value: b,
     hasConsumerStoppedPropagationRef: c,
     required: h,
     defaultChecked: v(r) ? !1 : r,
@@ -113,12 +114,12 @@ var T = "CheckboxTrigger", M = l.forwardRef(
       disabled: _,
       checked: d,
       required: h,
-      setControl: C,
+      setControl: b,
       setChecked: p,
       hasConsumerStoppedPropagationRef: i,
-      isFormControl: b,
+      isFormControl: C,
       bubbleInput: u
-    } = E(T, o), k = B(r, C), I = l.useRef(d);
+    } = E(T, o), k = B(r, b), I = l.useRef(d);
     return l.useEffect(() => {
       const t = e == null ? void 0 : e.form;
       if (t) {
@@ -142,7 +143,7 @@ var T = "CheckboxTrigger", M = l.forwardRef(
           t.key === "Enter" && t.preventDefault();
         }),
         onClick: q(n, (t) => {
-          p((c) => v(c) ? !0 : !c), u && b && (i.current = t.isPropagationStopped(), i.current || t.stopPropagation());
+          p((c) => v(c) ? !0 : !c), u && C && (i.current = t.isPropagationStopped(), i.current || t.stopPropagation());
         })
       }
     );
@@ -160,7 +161,7 @@ var U = l.forwardRef(
       disabled: _,
       value: d,
       onCheckedChange: h,
-      form: C,
+      form: b,
       ...p
     } = o;
     return /* @__PURE__ */ s(
@@ -173,7 +174,7 @@ var U = l.forwardRef(
         required: f,
         onCheckedChange: h,
         name: m,
-        form: C,
+        form: b,
         value: d,
         internal_do_not_use_render: ({ isFormControl: i }) => /* @__PURE__ */ w($, { children: [
           /* @__PURE__ */ s(
@@ -228,11 +229,11 @@ var F = "CheckboxBubbleInput", L = l.forwardRef(
       required: _,
       disabled: d,
       name: h,
-      value: C,
+      value: b,
       form: p,
       bubbleInput: i,
-      setBubbleInput: b
-    } = E(F, o), u = B(n, b), k = Q(e), I = J(m);
+      setBubbleInput: C
+    } = E(F, o), u = B(n, C), k = Q(e), I = J(m);
     l.useEffect(() => {
       const c = i;
       if (!c) return;
@@ -255,7 +256,7 @@ var F = "CheckboxBubbleInput", L = l.forwardRef(
         required: _,
         disabled: d,
         name: h,
-        value: C,
+        value: b,
         form: p,
         ...a,
         tabIndex: -1,
@@ -308,10 +309,10 @@ function de(o) {
     squareClassName: _,
     colorToken: d,
     color: h,
-    opacity: C,
+    opacity: b,
     luminance: p,
     checked: i,
-    name: b,
+    name: C,
     iconIndicator: u = z,
     iconSquare: k = W,
     ...I
@@ -340,11 +341,11 @@ function de(o) {
       style: { color: t },
       className: c,
       children: [
-        b && /* @__PURE__ */ s(
+        C && /* @__PURE__ */ s(
           "input",
           {
             type: "hidden",
-            name: b,
+            name: C,
             value: i ? "on" : ""
           }
         ),

package/dist/components/DropdownContent/DropdownContent.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { D as a, g as i } from "../../DropdownContent-CLtPVRZg.js";
+import { D as a, g as i } from "../../DropdownContent-MvHlrWi6.js";
 import "react";
 import "../../utils/clsx.js";
 import "../../utils/ui/ui.js";

package/dist/components/DropdownContent/index.js

@@ -1,4 +1,4 @@
-import { D as n, g as t } from "../../DropdownContent-CLtPVRZg.js";
+import { D as n, g as t } from "../../DropdownContent-MvHlrWi6.js";
 export {
   n as DropdownContent,
   t as getDropdownContentSizeClassNames

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { R as m, T as p, D as f } from "../../DropdownContent-CLtPVRZg.js";
+import { R as m, T as p, D as f } from "../../DropdownContent-MvHlrWi6.js";
 import u from "react";
 function h(t) {
   const {

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as l } from "react/jsx-runtime";
-import { g as W, R as N, T as R, D as v } from "../../DropdownContent-CLtPVRZg.js";
+import { g as W, R as N, T as R, D as v } from "../../DropdownContent-MvHlrWi6.js";
 import _, { useRef as b, useState as z, useEffect as I } from "react";
 import T from "../Flex/Flex.js";
 import { clsx as j } from "../../utils/clsx.js";

package/dist/components/Icon/Icon.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import n from "react";
-import { I as u } from "../../cfxIcons-B9nzO6TW.js";
+import { I as u } from "../../cfxIcons-B4SQ4Ljd.js";
 import "../Icons/cfx-icons-big/Like.js";
 import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";

package/dist/components/IconBig/IconBig.js

@@ -7,6 +7,7 @@ import "../Icons/cfx-icons/DownChevron.js";
 import "../Icons/cfx-icons/Download.js";
 import "../Icons/cfx-icons/Expand.js";
 import "../Icons/cfx-icons/ExternalLink.js";
+import "../Icons/cfx-icons/Filter.js";
 import "../Icons/cfx-icons/Heart.js";
 import "../Icons/cfx-icons/HeartFilled.js";
 import "../Icons/cfx-icons/Help.js";
@@ -56,7 +57,7 @@ const z = "cfxui__IconBig__root__f259a", i = {
   "size-normal": "cfxui__IconBig__size-normal__6ab6d",
   "size-large": "cfxui__IconBig__size-large__753d2"
 };
-function Io(o) {
+function Bo(o) {
   const {
     as: r = "div",
     size: m = "normal",
@@ -73,5 +74,5 @@ function Io(o) {
   return /* @__PURE__ */ t(r, { ref: n, style: e, className: _, children: /* @__PURE__ */ t(a, {}) });
 }
 export {
-  Io as IconBig
+  Bo as IconBig
 };

package/dist/components/Icons/IconsShowcase.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { I as s } from "../../cfxIcons-B9nzO6TW.js";
+import { I as s } from "../../cfxIcons-B4SQ4Ljd.js";
 import { I as c } from "../../cfxIconsBig-BLJjMT-Y.js";
 function d() {
   const l = Object.entries(s).map(([i, t]) => ({

package/dist/components/Icons/cfx-icons/Filter.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Filter(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Filter>;
+export default _default;

package/dist/components/Icons/cfx-icons/Filter.js

@@ -0,0 +1,23 @@
+import { jsx as L } from "react/jsx-runtime";
+import t from "react";
+function r(C) {
+  return /* @__PURE__ */ L(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...C,
+      children: /* @__PURE__ */ L(
+        "path",
+        {
+          d: "M5.10059 2.75049C4.68314 2.75049 4.49263 3.04698 4.44141 3.13232C4.34409 3.29452 4.24749 3.6495 4.5127 3.96338L4.51172 3.96533L7.55176 7.71533L7.55859 7.72314C7.58931 7.75949 7.61026 7.81367 7.61035 7.86963V11.8296C7.61035 12.1307 7.79031 12.3983 8.05762 12.5171L8.05957 12.5181L8.7002 12.7983L9.40039 13.105V7.88037C9.40039 7.82424 9.42133 7.76934 9.45215 7.73291L9.45898 7.7251L12.498 3.97412C12.6116 3.83456 12.6699 3.67251 12.6699 3.50732C12.6699 3.39084 12.6419 3.29111 12.6064 3.21338L12.5693 3.14307L12.5029 3.04736C12.4084 2.92777 12.2235 2.76025 11.9102 2.76025H5.60059V2.75049H5.10059ZM7.11035 7.98291L6.99902 7.84521L4.12891 4.30518C3.82147 3.92624 3.76376 3.42241 3.97168 2.98486C4.15353 2.60236 4.5096 2.34183 4.9209 2.28271L5.10059 2.27002H11.9102C12.3995 2.27002 12.8308 2.5409 13.0371 2.98193L13.0391 2.98486C13.248 3.42457 13.1872 3.93559 12.8848 4.30127L12.8818 4.30518L10.0117 7.84521L9.90039 7.98291V13.5005C9.90022 13.5802 9.85643 13.6655 9.7832 13.7144C9.76756 13.7248 9.74498 13.7331 9.71973 13.7397H9.65039C9.61876 13.7397 9.58068 13.7335 9.53516 13.7153L7.8584 12.9907C7.40145 12.7897 7.11038 12.3402 7.11035 11.8501V7.98291Z"
+        }
+      )
+    }
+  );
+}
+const l = t.memo(r);
+export {
+  l as default
+};

package/dist/components/Icons/cfxIcons.d.ts

@@ -6,6 +6,7 @@ export { default as DownChevron } from './cfx-icons/DownChevron';
 export { default as Download } from './cfx-icons/Download';
 export { default as Expand } from './cfx-icons/Expand';
 export { default as ExternalLink } from './cfx-icons/ExternalLink';
+export { default as Filter } from './cfx-icons/Filter';
 export { default as Heart } from './cfx-icons/Heart';
 export { default as HeartFilled } from './cfx-icons/HeartFilled';
 export { default as Help } from './cfx-icons/Help';

package/dist/components/Icons/cfxIcons.js

@@ -1,94 +1,96 @@
 import { default as o } from "./cfx-icons/Close.js";
-import { default as t } from "./cfx-icons/Controller.js";
+import { default as a } from "./cfx-icons/Controller.js";
 import { default as l } from "./cfx-icons/Copy.js";
 import { default as p } from "./cfx-icons/DownArrow.js";
 import { default as u } from "./cfx-icons/DownChevron.js";
 import { default as m } from "./cfx-icons/Download.js";
 import { default as n } from "./cfx-icons/Expand.js";
 import { default as C } from "./cfx-icons/ExternalLink.js";
-import { default as w } from "./cfx-icons/Heart.js";
-import { default as c } from "./cfx-icons/HeartFilled.js";
-import { default as R } from "./cfx-icons/Help.js";
-import { default as g } from "./cfx-icons/LeftArrow.js";
-import { default as A } from "./cfx-icons/LeftChevron.js";
-import { default as D } from "./cfx-icons/Map.js";
-import { default as L } from "./cfx-icons/Menu.js";
-import { default as T } from "./cfx-icons/Minus.js";
-import { default as b } from "./cfx-icons/More.js";
-import { default as E } from "./cfx-icons/MoreInfo.js";
-import { default as F } from "./cfx-icons/Pencil.js";
-import { default as O } from "./cfx-icons/Play.js";
-import { default as j } from "./cfx-icons/Plus.js";
-import { default as G } from "./cfx-icons/Radio.js";
-import { default as K } from "./cfx-icons/Refresh.js";
-import { default as Q } from "./cfx-icons/RightArrow.js";
-import { default as Y } from "./cfx-icons/RightChevron.js";
-import { default as _ } from "./cfx-icons/Search.js";
-import { default as rr } from "./cfx-icons/Sort.js";
-import { default as or } from "./cfx-icons/Square.js";
-import { default as tr } from "./cfx-icons/SquareCheck.js";
-import { default as lr } from "./cfx-icons/Stop.js";
-import { default as pr } from "./cfx-icons/Tick.js";
-import { default as ur } from "./cfx-icons/Transfer.js";
-import { default as mr } from "./cfx-icons/Trash.js";
-import { default as nr } from "./cfx-icons/Undo.js";
-import { default as Cr } from "./cfx-icons/UpArrow.js";
-import { default as wr } from "./cfx-icons/UpChevron.js";
-import { default as cr } from "./cfx-icons/Upload.js";
-import { default as Rr } from "./cfx-icons/Users.js";
-import { default as gr } from "./cfx-icons/Visibility.js";
-import { default as Ar } from "./cfx-icons/VisibilityOff.js";
-import { default as Dr } from "./cfx-icons/Warning.js";
-import { default as Lr } from "./cfx-icons/Cart.js";
-import { default as Tr } from "./cfx-icons/User.js";
-import { default as br } from "./cfx-icons/Verified.js";
-import { default as Er } from "./cfx-icons/UpvotesBurst.js";
-import { default as Fr } from "./cfx-icons/UpvotesRecurring.js";
+import { default as w } from "./cfx-icons/Filter.js";
+import { default as c } from "./cfx-icons/Heart.js";
+import { default as R } from "./cfx-icons/HeartFilled.js";
+import { default as g } from "./cfx-icons/Help.js";
+import { default as A } from "./cfx-icons/LeftArrow.js";
+import { default as D } from "./cfx-icons/LeftChevron.js";
+import { default as L } from "./cfx-icons/Map.js";
+import { default as T } from "./cfx-icons/Menu.js";
+import { default as b } from "./cfx-icons/Minus.js";
+import { default as E } from "./cfx-icons/More.js";
+import { default as B } from "./cfx-icons/MoreInfo.js";
+import { default as O } from "./cfx-icons/Pencil.js";
+import { default as j } from "./cfx-icons/Play.js";
+import { default as G } from "./cfx-icons/Plus.js";
+import { default as K } from "./cfx-icons/Radio.js";
+import { default as Q } from "./cfx-icons/Refresh.js";
+import { default as Y } from "./cfx-icons/RightArrow.js";
+import { default as _ } from "./cfx-icons/RightChevron.js";
+import { default as rr } from "./cfx-icons/Search.js";
+import { default as or } from "./cfx-icons/Sort.js";
+import { default as ar } from "./cfx-icons/Square.js";
+import { default as lr } from "./cfx-icons/SquareCheck.js";
+import { default as pr } from "./cfx-icons/Stop.js";
+import { default as ur } from "./cfx-icons/Tick.js";
+import { default as mr } from "./cfx-icons/Transfer.js";
+import { default as nr } from "./cfx-icons/Trash.js";
+import { default as Cr } from "./cfx-icons/Undo.js";
+import { default as wr } from "./cfx-icons/UpArrow.js";
+import { default as cr } from "./cfx-icons/UpChevron.js";
+import { default as Rr } from "./cfx-icons/Upload.js";
+import { default as gr } from "./cfx-icons/Users.js";
+import { default as Ar } from "./cfx-icons/Visibility.js";
+import { default as Dr } from "./cfx-icons/VisibilityOff.js";
+import { default as Lr } from "./cfx-icons/Warning.js";
+import { default as Tr } from "./cfx-icons/Cart.js";
+import { default as br } from "./cfx-icons/User.js";
+import { default as Er } from "./cfx-icons/Verified.js";
+import { default as Br } from "./cfx-icons/UpvotesBurst.js";
+import { default as Or } from "./cfx-icons/UpvotesRecurring.js";
 export {
-  Lr as Cart,
+  Tr as Cart,
   o as Close,
-  t as Controller,
+  a as Controller,
   l as Copy,
   p as DownArrow,
   u as DownChevron,
   m as Download,
   n as Expand,
   C as ExternalLink,
-  w as Heart,
-  c as HeartFilled,
-  R as Help,
-  g as LeftArrow,
-  A as LeftChevron,
-  D as Map,
-  L as Menu,
-  T as Minus,
-  b as More,
-  E as MoreInfo,
-  F as Pencil,
-  O as Play,
-  j as Plus,
-  G as Radio,
-  K as Refresh,
-  Q as RightArrow,
-  Y as RightChevron,
-  _ as Search,
-  rr as Sort,
-  or as Square,
-  tr as SquareCheck,
-  lr as Stop,
-  pr as Tick,
-  ur as Transfer,
-  mr as Trash,
-  nr as Undo,
-  Cr as UpArrow,
-  wr as UpChevron,
-  cr as Upload,
-  Er as UpvotesBurst,
-  Fr as UpvotesRecurring,
-  Tr as User,
-  Rr as Users,
-  br as Verified,
-  gr as Visibility,
-  Ar as VisibilityOff,
-  Dr as Warning
+  w as Filter,
+  c as Heart,
+  R as HeartFilled,
+  g as Help,
+  A as LeftArrow,
+  D as LeftChevron,
+  L as Map,
+  T as Menu,
+  b as Minus,
+  E as More,
+  B as MoreInfo,
+  O as Pencil,
+  j as Play,
+  G as Plus,
+  K as Radio,
+  Q as Refresh,
+  Y as RightArrow,
+  _ as RightChevron,
+  rr as Search,
+  or as Sort,
+  ar as Square,
+  lr as SquareCheck,
+  pr as Stop,
+  ur as Tick,
+  mr as Transfer,
+  nr as Trash,
+  Cr as Undo,
+  wr as UpArrow,
+  cr as UpChevron,
+  Rr as Upload,
+  Br as UpvotesBurst,
+  Or as UpvotesRecurring,
+  br as User,
+  gr as Users,
+  Er as Verified,
+  Ar as Visibility,
+  Dr as VisibilityOff,
+  Lr as Warning
 };

package/dist/components/Icons/index.js

@@ -1,4 +1,4 @@
-import { I as s } from "../../cfxIcons-B9nzO6TW.js";
+import { I as s } from "../../cfxIcons-B4SQ4Ljd.js";
 import { I as a } from "../../cfxIconsBig-BLJjMT-Y.js";
 export {
   s as Icons,

package/dist/components/Range/Range.d.ts

@@ -0,0 +1,4 @@
+import { RangeProps } from './Range.types';
+
+declare function Range(props: RangeProps): import("react/jsx-runtime").JSX.Element;
+export default Range;

package/dist/components/Range/Range.js

@@ -0,0 +1,90 @@
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
+import { R as p, T as w, a as N, b as s } from "../../index-D5SMGei3.js";
+import L from "react";
+import { clsx as r } from "../../utils/clsx.js";
+const k = "cfxui__Range__root__9b6c3", v = "cfxui__Range__disabled__1bbc7", I = "cfxui__Range__track__28130", T = "cfxui__Range__range__2adcc", V = "cfxui__Range__thumb__905e9", B = "cfxui__Range__thumbIcon__acb4e", e = {
+  root: k,
+  disabled: v,
+  track: I,
+  range: T,
+  thumb: V,
+  thumbIcon: B
+};
+function j(t) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 0 16 22",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: /* @__PURE__ */ a(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M0 1.74333C0 0.595035 1.29793 -0.0729044 2.23234 0.594526L15.1917 9.8512C15.9799 10.4142 15.9799 11.5858 15.1917 12.1488L2.23234 21.4055C1.29793 22.0729 0 21.405 0 20.2567V1.74333Z"
+        }
+      )
+    }
+  );
+}
+function M(t) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      viewBox: "0 0 16 22",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...t,
+      children: /* @__PURE__ */ a(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M15.8 20.2567C15.8 21.405 14.5021 22.0729 13.5677 21.4055L0.608372 12.1488C-0.179886 11.5858 -0.179887 10.4142 0.608371 9.8512L13.5677 0.594526C14.5021 -0.0729047 15.8001 0.595036 15.8001 1.74333L15.8 20.2567Z"
+        }
+      )
+    }
+  );
+}
+function P(t) {
+  const {
+    value: o,
+    defaultValue: l,
+    ariaLabelStart: u,
+    ariaLabelEnd: _,
+    className: i,
+    trackClassName: m,
+    min: b = 0,
+    max: h,
+    minStepsBetweenThumbs: d = 1,
+    onValueChange: n,
+    ref: f,
+    disabled: c = !1,
+    ...g
+  } = t, x = L.useCallback((C) => {
+    n && n(C);
+  }, [n]);
+  return /* @__PURE__ */ R(
+    p,
+    {
+      ...g,
+      defaultValue: l,
+      ref: f,
+      min: b,
+      max: h,
+      value: o,
+      minStepsBetweenThumbs: d,
+      className: r(e.root, i, {
+        [e.disabled]: c
+      }),
+      onValueChange: x,
+      disabled: c,
+      children: [
+        /* @__PURE__ */ a(w, { className: r(e.track, m), children: /* @__PURE__ */ a(N, { className: e.range }) }),
+        /* @__PURE__ */ a(s, { className: e.thumb, "aria-label": u, children: /* @__PURE__ */ a(j, { className: e.thumbIcon }) }),
+        /* @__PURE__ */ a(s, { className: e.thumb, "aria-label": _, children: /* @__PURE__ */ a(M, { className: e.thumbIcon }) })
+      ]
+    }
+  );
+}
+export {
+  P as default
+};

package/dist/components/Range/Range.types.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import * as RadixSlider from '@radix-ui/react-slider';
+export interface RangeProps extends RadixSlider.SliderProps {
+    ariaLabelStart?: string;
+    ariaLabelEnd?: string;
+    ref?: React.Ref<HTMLSpanElement>;
+    className?: string;
+    trackClassName?: string;
+}

package/dist/components/Range/Range.types.js

@@ -0,0 +1 @@
+

package/dist/components/Range/RangeInput.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { StyledInputProps } from '../StyledInput';
+
+export interface RangeInputProps extends Omit<StyledInputProps, 'onChange'> {
+    fullWidth?: boolean;
+    containerClassName?: string;
+    sign?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: () => void;
+    onKeyDown?(event: React.KeyboardEvent<HTMLInputElement>): void;
+}
+declare function RangeInput(props: RangeInputProps): import("react/jsx-runtime").JSX.Element;
+export default RangeInput;

package/dist/components/Range/RangeInput.js

@@ -0,0 +1,78 @@
+import { jsxs as k, jsx as g } from "react/jsx-runtime";
+import a from "react";
+import v from "../StyledInput/StyledInput.js";
+import { clsx as h } from "../../utils/clsx.js";
+const A = "cfxui__RangeInput__root__d7257", D = "cfxui__RangeInput__fullWidth__4ffc7", K = "cfxui__RangeInput__input__3bdcc", j = "cfxui__RangeInput__sign__c4033", n = {
+  root: A,
+  fullWidth: D,
+  input: K,
+  sign: j
+};
+function X(o) {
+  const {
+    fullWidth: R = !1,
+    value: e,
+    defaultValue: _,
+    onChange: s,
+    onSubmit: l,
+    onKeyDown: u,
+    pattern: F,
+    className: x,
+    containerClassName: y,
+    type: N = "number",
+    ref: b,
+    sign: f,
+    ...I
+  } = o, [i, C] = a.useState(e || _), w = typeof i < "u" && i !== "" && i !== null || typeof e < "u" && e !== "" && e !== null;
+  let r, m, d;
+  if (o.type === "number") {
+    const {
+      min: t,
+      max: c,
+      step: W
+    } = o;
+    d = W ?? 1, r = t ?? Number.MIN_SAFE_INTEGER, m = c ?? Number.MAX_SAFE_INTEGER;
+  }
+  const p = a.useCallback((t) => {
+    C(t), s && s(t);
+  }, [s]), E = a.useCallback(
+    (t) => {
+      const {
+        value: c
+      } = t.target;
+      p(c);
+    },
+    [p]
+  ), S = a.useCallback((t) => {
+    u && u(t), l && t.key === "Enter" && l();
+  }, [u, l]), V = h(
+    n.root,
+    y,
+    {
+      [n.fullWidth]: R,
+      [n.empty]: !w
+    }
+  );
+  return /* @__PURE__ */ k("div", { className: V, children: [
+    f && /* @__PURE__ */ g("div", { className: n.sign, children: f }),
+    /* @__PURE__ */ g(
+      v,
+      {
+        ref: b,
+        type: N,
+        className: h(n.input, x),
+        value: e,
+        onChange: E,
+        onKeyDown: S,
+        min: r,
+        max: m,
+        step: d,
+        defaultValue: _,
+        ...I
+      }
+    )
+  ] });
+}
+export {
+  X as default
+};

package/dist/components/Range/RangeShowcase.d.ts

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