@cfx-dev/ui-components 3.0.4 → 3.0.5

package/dist/main.js

@@ -7,11 +7,11 @@ import { useDynamicRef as u } from "./utils/hooks/useDynamicRef.js";
 import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
 import { useWindowResize as g } from "./utils/hooks/useWindowResize.js";
-import { useOutlet as C } from "./utils/hooks/useOutlet.js";
-import { CLIPBOARD_TITLE_APPEARANCE as S, useClipboardComponent as y } from "./utils/hooks/useClipboardComponent.js";
-import { identity as b, invoke as A, noop as O, returnFalse as P, returnTrue as E } from "./utils/functional.js";
-import { Linkify as _, defaultLinkReplacer as h, defaultLinkReplacerx as v, isExternalUrl as F, linkify as U, linkifyx as N, matchLinkNodes as z, matchLinks as K } from "./utils/links.js";
-import { clamp as w, clamp01 as G } from "./utils/math.js";
+import { useOutlet as S } from "./utils/hooks/useOutlet.js";
+import { CLIPBOARD_TITLE_APPEARANCE as k, useClipboardComponent as y } from "./utils/hooks/useClipboardComponent.js";
+import { identity as b, invoke as A, noop as O, returnFalse as P, returnTrue as D } from "./utils/functional.js";
+import { Linkify as _, defaultLinkReplacer as h, defaultLinkReplacerx as v, isExternalUrl as F, linkify as U, linkifyx as N, matchLinkNodes as w, matchLinks as z } from "./utils/links.js";
+import { clamp as V, clamp01 as G } from "./utils/math.js";
 import { isFalseString as H, isTrueString as M, normalizeSlashes as W, replaceRange as j, splitByIndices as q, unicodeCharAt as J } from "./utils/string.js";
 import { debounce as X, throttle as Z } from "./utils/execution.js";
 import { getColor as oo } from "./utils/color.js";
@@ -22,16 +22,16 @@ import { default as so } from "./components/Checkbox/Checkbox.js";
 import { Button as co } from "./components/Button/Button.js";
 import { LinkButton as To } from "./components/Button/LinkButton.js";
 import { default as go, getLinkClassName as Bo } from "./components/Link/Link.js";
-import { default as ko } from "./components/Link/ButtonLink.js";
+import { default as Co } from "./components/Link/ButtonLink.js";
 import { ButtonBar as yo } from "./components/Button/ButtonBar.js";
 import { Avatar as bo } from "./components/Avatar/Avatar.js";
 import { BACKDROP_OUTLET_ID as Oo, BackdropPortal as Po } from "./components/BackdropPortal/BackdropPortal.js";
-import { Badge as Do } from "./components/Badge/Badge.js";
+import { Badge as Eo } from "./components/Badge/Badge.js";
 import { ControlBox as ho } from "./components/ControlBox/ControlBox.js";
 import { CountryFlag as Fo } from "./components/CountryFlag/CountryFlag.js";
 import { Decorate as No } from "./components/Decorate/Decorate.js";
-import { Dot as Ko } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as wo, Flyout as Go } from "./components/Flyout/Flyout.js";
+import { Dot as zo } from "./components/Dot/Dot.js";
+import { FLYOUT_OUTLET_ID as Vo, Flyout as Go } from "./components/Flyout/Flyout.js";
 import { Logos as Ho } from "./components/Logos/index.js";
 import { I as Wo } from "./cfxIcons-BNd1WgpX.js";
 import { I as qo } from "./cfxIconsBig-BLJjMT-Y.js";
@@ -48,36 +48,38 @@ import { Center as cr } from "./components/Layout/Center/Center.js";
 import { Flex as Ir } from "./components/Layout/Flex/Flex.js";
 import { FlexRestricter as Lr } from "./components/Layout/Flex/FlexRestricter.js";
 import { Pad as Br } from "./components/Layout/Pad/Pad.js";
-import { Page as kr } from "./components/Layout/Page/Page.js";
+import { Page as Cr } from "./components/Layout/Page/Page.js";
 import { R as yr } from "./Rail-DcVowhML.js";
 import { Scrollable as br } from "./components/Layout/Scrollable/Scrollable.js";
 import { VirtualScrollable as Or } from "./components/Layout/Scrollable/VirtualScrollable.js";
-import { Loaf as Er } from "./components/Loaf/Loaf.js";
+import { Loaf as Dr } from "./components/Loaf/Loaf.js";
 import { Modal as _r } from "./components/Modal/Modal.js";
 import { NavList as vr } from "./components/NavList/NavList.js";
 import { OVERLAY_OUTLET_ID as Ur, Overlay as Nr } from "./components/Overlay/Overlay.js";
-import { Popover as Kr } from "./components/Popover/Popover.js";
-import { PremiumBadge as wr } from "./components/PremiumBadge/PremiumBadge.js";
+import { Popover as zr } from "./components/Popover/Popover.js";
+import { PremiumBadge as Vr } from "./components/PremiumBadge/PremiumBadge.js";
 import { Prose as Yr } from "./components/Prose/Prose.js";
 import { Radio as Mr } from "./components/Radio/Radio.js";
-import { Select as jr } from "./components/Select/Select.js";
-import { Separator as Jr } from "./components/Separator/Separator.js";
-import { Shroud as Xr } from "./components/Shroud/Shroud.js";
-import { Spacer as $r } from "./components/Spacer/Spacer.js";
-import { Style as re, useContextualStyle as ee } from "./components/Style/Style.js";
-import { default as pe } from "./components/Switch/Switch.js";
-import { ToggleGroup as me } from "./components/ToggleGroup/ToggleGroup.js";
-import { Tabular as ae } from "./components/Tabular/Tabular.js";
-import { Table as ne, TableIconButton as ie } from "./components/Table/Table.js";
-import { Text as ue, TextBlock as ce, getTextOpacity as de } from "./components/Text/Text.js";
-import { Textarea as Te } from "./components/Textarea/Textarea.js";
-import { TITLE_OUTLET_ID as ge, Title as Be } from "./components/Title/Title.js";
-import { default as ke } from "./components/InputDropzone/InputDropzone.js";
+import { S as jr } from "./Select-Ds-fm4CN.js";
+import { DropdownSelect as Jr } from "./components/DropdownSelect/DropdownSelect.js";
+import { Separator as Xr } from "./components/Separator/Separator.js";
+import { Shroud as $r } from "./components/Shroud/Shroud.js";
+import { Slider as re } from "./components/Slider/Slider.js";
+import { Spacer as te } from "./components/Spacer/Spacer.js";
+import { Style as fe, useContextualStyle as me } from "./components/Style/Style.js";
+import { default as ae } from "./components/Switch/Switch.js";
+import { ToggleGroup as ne } from "./components/ToggleGroup/ToggleGroup.js";
+import { Tabular as se } from "./components/Tabular/Tabular.js";
+import { Table as ce, TableIconButton as de } from "./components/Table/Table.js";
+import { Text as Te, TextBlock as Le, getTextOpacity as ge } from "./components/Text/Text.js";
+import { Textarea as Se } from "./components/Textarea/Textarea.js";
+import { TITLE_OUTLET_ID as ke, Title as ye } from "./components/Title/Title.js";
+import { default as be } from "./components/InputDropzone/InputDropzone.js";
 import "./components/InputDropzone/ItemPreview.js";
-import { default as ye } from "./components/Skeleton/Skeleton.js";
-import { OnScreenSensor as be } from "./components/OnScreenSensor.js";
-import { ui as Oe } from "./components/ui.js";
-import { Symbols as Ee } from "./components/Symbols.js";
+import { default as Oe } from "./components/Skeleton/Skeleton.js";
+import { OnScreenSensor as De } from "./components/OnScreenSensor.js";
+import { ui as _e } from "./components/ui.js";
+import { Symbols as ve } from "./components/Symbols.js";
 export {
   po as Accordion,
   fo as AccordionContent,
@@ -87,20 +89,21 @@ export {
   bo as Avatar,
   Oo as BACKDROP_OUTLET_ID,
   Po as BackdropPortal,
-  Do as Badge,
+  Eo as Badge,
   sr as Box,
   co as Button,
   yo as ButtonBar,
-  ko as ButtonLink,
-  S as CLIPBOARD_TITLE_APPEARANCE,
+  Co as ButtonLink,
+  k as CLIPBOARD_TITLE_APPEARANCE,
   cr as Center,
   so as Checkbox,
   no as ClipboardButton,
   ho as ControlBox,
   Fo as CountryFlag,
   No as Decorate,
-  Ko as Dot,
-  wo as FLYOUT_OUTLET_ID,
+  zo as Dot,
+  Jr as DropdownSelect,
+  Vo as FLYOUT_OUTLET_ID,
   Ir as Flex,
   Lr as FlexRestricter,
   Go as Flyout,
@@ -112,47 +115,48 @@ export {
   or as Indicator,
   er as InfoPanel,
   pr as Input,
-  ke as InputDropzone,
+  be as InputDropzone,
   ar as Interactive,
   nr as Island,
   go as Link,
   To as LinkButton,
   _ as Linkify,
-  Er as Loaf,
+  Dr as Loaf,
   Ho as Logos,
   _r as Modal,
   vr as NavList,
   Ur as OVERLAY_OUTLET_ID,
-  be as OnScreenSensor,
+  De as OnScreenSensor,
   Nr as Overlay,
   Br as Pad,
-  kr as Page,
-  Kr as Popover,
-  wr as PremiumBadge,
+  Cr as Page,
+  zr as Popover,
+  Vr as PremiumBadge,
   Yr as Prose,
   Mr as Radio,
   yr as Rail,
   mr as RichInput,
   br as Scrollable,
   jr as Select,
-  Jr as Separator,
-  Xr as Shroud,
-  ye as Skeleton,
-  $r as Spacer,
-  re as Style,
-  pe as Switch,
-  Ee as Symbols,
-  ge as TITLE_OUTLET_ID,
-  ne as Table,
-  ie as TableIconButton,
-  ae as Tabular,
-  ue as Text,
-  ce as TextBlock,
-  Te as Textarea,
-  Be as Title,
-  me as ToggleGroup,
+  Xr as Separator,
+  $r as Shroud,
+  Oe as Skeleton,
+  re as Slider,
+  te as Spacer,
+  fe as Style,
+  ae as Switch,
+  ve as Symbols,
+  ke as TITLE_OUTLET_ID,
+  ce as Table,
+  de as TableIconButton,
+  se as Tabular,
+  Te as Text,
+  Le as TextBlock,
+  Se as Textarea,
+  ye as Title,
+  ne as ToggleGroup,
   Or as VirtualScrollable,
-  w as clamp,
+  V as clamp,
   G as clamp01,
   f as clsx,
   X as debounce,
@@ -160,7 +164,7 @@ export {
   v as defaultLinkReplacerx,
   oo as getColor,
   Bo as getLinkClassName,
-  de as getTextOpacity,
+  ge as getTextOpacity,
   x as getValue,
   b as identity,
   A as invoke,
@@ -169,25 +173,25 @@ export {
   M as isTrueString,
   U as linkify,
   N as linkifyx,
-  z as matchLinkNodes,
-  K as matchLinks,
+  w as matchLinkNodes,
+  z as matchLinks,
   t as mergeRefs,
   O as noop,
   W as normalizeSlashes,
   j as replaceRange,
   P as returnFalse,
-  E as returnTrue,
+  D as returnTrue,
   q as splitByIndices,
   Z as throttle,
-  Oe as ui,
+  _e as ui,
   J as unicodeCharAt,
   y as useClipboardComponent,
-  ee as useContextualStyle,
+  me as useContextualStyle,
   u as useDynamicRef,
   d as useGlobalKeyboardEvent,
   i as useInstance,
   T as useKeyboardClose,
-  C as useOutlet,
+  S as useOutlet,
   l as usePopoverController,
   g as useWindowResize
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "3.0.4",
+  "version": "3.0.5",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",
@@ -25,7 +25,9 @@
   },
   "dependencies": {
     "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
     "@radix-ui/react-switch": "^1.1.0",
     "autolinker": "^3.14.3",
     "flag-icons": "^6.1.1",

package/dist/index-CjWRnNpt.js

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