@cfx-dev/ui-components 3.0.4 → 4.0.0

package/dist/index-CjTSD6zB.js

@@ -0,0 +1,161 @@
+import * as s from "react";
+import y from "react";
+import { jsx as h, Fragment as O } from "react/jsx-runtime";
+function w(e, t = []) {
+  let n = [];
+  function r(c, l) {
+    const i = s.createContext(l), a = n.length;
+    n = [...n, l];
+    const S = (R) => {
+      var d;
+      const { scope: C, children: f, ...u } = R, p = ((d = C == null ? void 0 : C[e]) == null ? void 0 : d[a]) || i, m = s.useMemo(() => u, Object.values(u));
+      return /* @__PURE__ */ h(p.Provider, { value: m, children: f });
+    };
+    S.displayName = c + "Provider";
+    function v(R, C) {
+      var p;
+      const f = ((p = C == null ? void 0 : C[e]) == null ? void 0 : p[a]) || i, u = s.useContext(f);
+      if (u) return u;
+      if (l !== void 0) return l;
+      throw new Error(`\`${R}\` must be used within \`${c}\``);
+    }
+    return [S, v];
+  }
+  const o = () => {
+    const c = n.map((l) => s.createContext(l));
+    return function(i) {
+      const a = (i == null ? void 0 : i[e]) || c;
+      return s.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: a } }),
+        [i, a]
+      );
+    };
+  };
+  return o.scopeName = e, [r, b(o, ...t)];
+}
+function b(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const l = r.reduce((i, { useScope: a, scopeName: S }) => {
+        const R = a(c)[`__scope${S}`];
+        return { ...i, ...R };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function _(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function A(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const c = _(o, t);
+      return !n && typeof c == "function" && (n = !0), c;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const c = r[o];
+          typeof c == "function" ? c() : _(e[o], null);
+        }
+      };
+  };
+}
+function N(...e) {
+  return s.useCallback(A(...e), e);
+}
+var g = s.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = s.Children.toArray(n), c = o.find(V);
+  if (c) {
+    const l = c.props.children, i = o.map((a) => a === c ? s.Children.count(l) > 1 ? s.Children.only(null) : s.isValidElement(l) ? l.props.children : null : a);
+    return /* @__PURE__ */ h(M, { ...r, ref: t, children: s.isValidElement(l) ? s.cloneElement(l, void 0, i) : null });
+  }
+  return /* @__PURE__ */ h(M, { ...r, ref: t, children: n });
+});
+g.displayName = "Slot";
+var M = s.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (s.isValidElement(n)) {
+    const o = j(n);
+    return s.cloneElement(n, {
+      ...$(r, n.props),
+      // @ts-ignore
+      ref: t ? A(t, o) : o
+    });
+  }
+  return s.Children.count(n) > 1 ? s.Children.only(null) : null;
+});
+M.displayName = "SlotClone";
+var T = ({ children: e }) => /* @__PURE__ */ h(O, { children: e });
+function V(e) {
+  return s.isValidElement(e) && e.type === T;
+}
+function $(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
+      c(...i), o(...i);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function j(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function L(e) {
+  const t = e + "CollectionProvider", [n, r] = w(t), [o, c] = n(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), l = (f) => {
+    const { scope: u, children: p } = f, m = y.useRef(null), d = y.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ h(o, { scope: u, itemMap: d, collectionRef: m, children: p });
+  };
+  l.displayName = t;
+  const i = e + "CollectionSlot", a = y.forwardRef(
+    (f, u) => {
+      const { scope: p, children: m } = f, d = c(i, p), x = N(u, d.collectionRef);
+      return /* @__PURE__ */ h(g, { ref: x, children: m });
+    }
+  );
+  a.displayName = i;
+  const S = e + "CollectionItemSlot", v = "data-radix-collection-item", R = y.forwardRef(
+    (f, u) => {
+      const { scope: p, children: m, ...d } = f, x = y.useRef(null), P = N(u, x), E = c(S, p);
+      return y.useEffect(() => (E.itemMap.set(x, { ref: x, ...d }), () => void E.itemMap.delete(x))), /* @__PURE__ */ h(g, { [v]: "", ref: P, children: m });
+    }
+  );
+  R.displayName = S;
+  function C(f) {
+    const u = c(e + "CollectionConsumer", f);
+    return y.useCallback(() => {
+      const m = u.collectionRef.current;
+      if (!m) return [];
+      const d = Array.from(m.querySelectorAll(`[${v}]`));
+      return Array.from(u.itemMap.values()).sort(
+        (E, I) => d.indexOf(E.ref.current) - d.indexOf(I.ref.current)
+      );
+    }, [u.collectionRef, u.itemMap]);
+  }
+  return [
+    { Provider: l, Slot: a, ItemSlot: R },
+    C,
+    r
+  ];
+}
+export {
+  L as c
+};

package/dist/main.d.ts

@@ -54,8 +54,10 @@ export { PremiumBadge } from './components/PremiumBadge/PremiumBadge';
 export { Prose } from './components/Prose/Prose';
 export { Radio } from './components/Radio/Radio';
 export { Select } from './components/Select';
+export { DropdownSelect } from './components/DropdownSelect';
 export { Separator } from './components/Separator/Separator';
 export { Shroud } from './components/Shroud/Shroud';
+export { Slider } from './components/Slider/Slider';
 export { Spacer } from './components/Spacer/Spacer';
 export { Style, useContextualStyle } from './components/Style/Style';
 export { Switch } from './components/Switch';
@@ -92,5 +94,5 @@ export type { PopoverProps } from './components/Popover';
 export type { AvatarProps, AvatarSize } from './components/Avatar';
 export { OnScreenSensor } from './components/OnScreenSensor';
 export { ui } from './components/ui';
-export type { OffesetType, MediaQueryType } from './components/ui';
+export type { OffesetType, MediaQueryType, MediaQueryEnum, OffsetEnum, } from './components/ui';
 export { Symbols } from './components/Symbols';

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/dist/styles-scss/_ui.scss

@@ -326,12 +326,12 @@ $zindexMap: (
 
 $mediaMap: (
   'initial': 0px,
-  'xxsmall': 360px,
-  'xsmall': 640px,
-  'small': 768px,
+  'small': 360px,
+  'small-medium': 640px,
   'medium': 1024px,
-  'large': 1280px,
-  'xlarge': 1536px,
+  'medium-large': 1280px,
+  'large': 1920px,
+  'xlarge': 2560px,
 );
 
 @mixin media-max($size: 'medium', $fix: 'empty') {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "3.0.4",
+  "version": "4.0.0",
   "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
-};