@datawire-ai/busyfile-design-library 1.30.10 → 1.31.1

package/dist/index272.js

@@ -1,68 +1,67 @@
-var N = function(r) {
-  return r.tagName === "TEXTAREA";
-}, b = function(r, e) {
-  if (!(r instanceof Element))
-    return !1;
-  var t = window.getComputedStyle(r);
-  return (
-    // not-not-scrollable
-    t[e] !== "hidden" && // contains scroll inside self
-    !(t.overflowY === t.overflowX && !N(r) && t[e] === "visible")
-  );
-}, D = function(r) {
-  return b(r, "overflowY");
-}, E = function(r) {
-  return b(r, "overflowX");
-}, T = function(r, e) {
-  var t = e.ownerDocument, l = e;
-  do {
-    typeof ShadowRoot < "u" && l instanceof ShadowRoot && (l = l.host);
-    var f = g(r, l);
-    if (f) {
-      var n = m(r, l), i = n[1], o = n[2];
-      if (i > o)
-        return !0;
+import { __assign as d } from "./index126.js";
+function l(r) {
+  return r;
+}
+function h(r, t) {
+  t === void 0 && (t = l);
+  var e = [], o = !1, c = {
+    read: function() {
+      if (o)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return e.length ? e[e.length - 1] : r;
+    },
+    useMedium: function(u) {
+      var n = t(u, o);
+      return e.push(n), function() {
+        e = e.filter(function(i) {
+          return i !== n;
+        });
+      };
+    },
+    assignSyncMedium: function(u) {
+      for (o = !0; e.length; ) {
+        var n = e;
+        e = [], n.forEach(u);
+      }
+      e = {
+        push: function(i) {
+          return u(i);
+        },
+        filter: function() {
+          return e;
+        }
+      };
+    },
+    assignMedium: function(u) {
+      o = !0;
+      var n = [];
+      if (e.length) {
+        var i = e;
+        e = [], i.forEach(u), n = e;
+      }
+      var s = function() {
+        var f = n;
+        n = [], f.forEach(u);
+      }, a = function() {
+        return Promise.resolve().then(s);
+      };
+      a(), e = {
+        push: function(f) {
+          n.push(f), a();
+        },
+        filter: function(f) {
+          return n = n.filter(f), e;
+        }
+      };
     }
-    l = l.parentNode;
-  } while (l && l !== t.body);
-  return !1;
-}, H = function(r) {
-  var e = r.scrollTop, t = r.scrollHeight, l = r.clientHeight;
-  return [
-    e,
-    t,
-    l
-  ];
-}, p = function(r) {
-  var e = r.scrollLeft, t = r.scrollWidth, l = r.clientWidth;
-  return [
-    e,
-    t,
-    l
-  ];
-}, g = function(r, e) {
-  return r === "v" ? D(e) : E(e);
-}, m = function(r, e) {
-  return r === "v" ? H(e) : p(e);
-}, B = function(r, e) {
-  return r === "h" && e === "rtl" ? -1 : 1;
-}, V = function(r, e, t, l, f) {
-  var n = B(r, window.getComputedStyle(e).direction), i = n * l, o = t.target, d = e.contains(o), c = !1, s = i > 0, h = 0, S = 0;
-  do {
-    if (!o)
-      break;
-    var u = m(r, o), v = u[0], C = u[1], y = u[2], w = C - y - n * v;
-    (v || w) && g(r, o) && (h += w, S += v);
-    var a = o.parentNode;
-    o = a && a.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? a.host : a;
-  } while (
-    // portaled content
-    !d && o !== document.body || // self content
-    d && (e.contains(o) || e === o)
-  );
-  return (s && Math.abs(h) < 1 || !s && Math.abs(S) < 1) && (c = !0), c;
-};
+  };
+  return c;
+}
+function v(r) {
+  r === void 0 && (r = {});
+  var t = h(null);
+  return t.options = d({ async: !0, ssr: !1 }, r), t;
+}
 export {
-  V as handleScroll,
-  T as locationCouldBeScrolled
+  v as createSidecarMedium
 };

package/dist/index42.js

@@ -1,12 +1,12 @@
 "use client";
 import * as r from "react";
-import { composeEventHandlers as T } from "./index95.js";
+import { composeEventHandlers as T } from "./index91.js";
 import { useComposedRefs as P } from "./index89.js";
 import { createContextScope as I } from "./index90.js";
-import { useControllableState as M } from "./index96.js";
-import { usePrevious as H } from "./index97.js";
-import { useSize as j } from "./index98.js";
-import { Primitive as y } from "./index93.js";
+import { useControllableState as M } from "./index92.js";
+import { usePrevious as H } from "./index93.js";
+import { useSize as j } from "./index94.js";
+import { Primitive as y } from "./index96.js";
 import { jsxs as A, jsx as m } from "react/jsx-runtime";
 var h = "Switch", [U, Q] = I(h), [q, z] = U(h), R = r.forwardRef(
   (t, a) => {

package/dist/index44.js

@@ -1,15 +1,15 @@
 "use client";
 import * as i from "react";
-import { composeEventHandlers as I } from "./index95.js";
+import { composeEventHandlers as I } from "./index91.js";
 import { useComposedRefs as E } from "./index89.js";
 import { createContextScope as w } from "./index90.js";
-import { Primitive as b } from "./index93.js";
-import { createRovingFocusGroupScope as P, Root as B, Item as q } from "./index109.js";
-import { useControllableState as K } from "./index96.js";
-import { useDirection as T } from "./index110.js";
-import { useSize as U } from "./index98.js";
-import { usePrevious as V } from "./index97.js";
-import { Presence as j } from "./index103.js";
+import { Primitive as b } from "./index96.js";
+import { createRovingFocusGroupScope as P, Root as B, Item as q } from "./index97.js";
+import { useControllableState as K } from "./index92.js";
+import { useDirection as T } from "./index98.js";
+import { useSize as U } from "./index94.js";
+import { usePrevious as V } from "./index93.js";
+import { Presence as j } from "./index95.js";
 import { jsx as p, jsxs as z } from "react/jsx-runtime";
 var _ = "Radio", [H, G] = w(_), [W, X] = H(_), S = i.forwardRef(
   (a, d) => {

package/dist/index46.js

@@ -2,12 +2,12 @@
 import * as s from "react";
 import { useComposedRefs as B } from "./index89.js";
 import { createContextScope as L } from "./index90.js";
-import { composeEventHandlers as S } from "./index95.js";
-import { useControllableState as O } from "./index96.js";
-import { usePrevious as j } from "./index97.js";
-import { useSize as H } from "./index98.js";
-import { Presence as z } from "./index103.js";
-import { Primitive as P } from "./index93.js";
+import { composeEventHandlers as S } from "./index91.js";
+import { useControllableState as O } from "./index92.js";
+import { usePrevious as j } from "./index93.js";
+import { useSize as H } from "./index94.js";
+import { Presence as z } from "./index95.js";
+import { Primitive as P } from "./index96.js";
 import { jsx as b, jsxs as G, Fragment as K } from "react/jsx-runtime";
 var g = "Checkbox", [U, se] = L(g), [X, E] = U(g);
 function J(t) {

package/dist/index49.js

@@ -1,18 +1,18 @@
 "use client";
 import * as s from "react";
-import { composeEventHandlers as p } from "./index95.js";
+import { composeEventHandlers as p } from "./index91.js";
 import { useComposedRefs as _ } from "./index89.js";
 import { createContextScope as V, createContext as q } from "./index90.js";
 import { useId as R } from "./index99.js";
-import { useControllableState as K } from "./index96.js";
+import { useControllableState as K } from "./index92.js";
 import { DismissableLayer as U } from "./index100.js";
 import { FocusScope as Y } from "./index101.js";
 import { Portal as Z } from "./index102.js";
-import { Presence as h } from "./index103.js";
-import { Primitive as m } from "./index93.js";
-import { useFocusGuards as z } from "./index104.js";
-import J from "./index105.js";
-import { hideOthers as Q } from "./index106.js";
+import { Presence as h } from "./index95.js";
+import { Primitive as m } from "./index96.js";
+import { useFocusGuards as z } from "./index103.js";
+import J from "./index104.js";
+import { hideOthers as Q } from "./index105.js";
 import { createSlot as X } from "./index40.js";
 import { jsx as i, jsxs as P, Fragment as O } from "react/jsx-runtime";
 var v = "Dialog", [I, Ne] = V(v), [ee, u] = I(v), x = (e) => {

package/dist/index52.js

@@ -1,17 +1,17 @@
 "use client";
 import * as s from "react";
-import { composeEventHandlers as g } from "./index95.js";
+import { composeEventHandlers as g } from "./index91.js";
 import { useComposedRefs as N } from "./index89.js";
 import { createContextScope as W } from "./index90.js";
 import { DismissableLayer as $ } from "./index100.js";
 import { useId as z } from "./index99.js";
-import { createPopperScope as S, Root as J, Anchor as Q, Arrow as Z, Content as ee } from "./index107.js";
+import { createPopperScope as S, Root as J, Anchor as Q, Arrow as Z, Content as ee } from "./index106.js";
 import { Portal as te } from "./index102.js";
-import { Presence as G } from "./index103.js";
-import { Primitive as oe } from "./index93.js";
+import { Presence as G } from "./index95.js";
+import { Primitive as oe } from "./index96.js";
 import { createSlottable as re } from "./index40.js";
-import { useControllableState as ne } from "./index96.js";
-import { Root as se } from "./index108.js";
+import { useControllableState as ne } from "./index92.js";
+import { Root as se } from "./index107.js";
 import { jsx as f, jsxs as ie } from "react/jsx-runtime";
 var [A, He] = W("Tooltip", [
   S

package/dist/index53.js

@@ -1,39 +1,39 @@
-import { jsxs as o, jsx as m } from "react/jsx-runtime";
-import { cn as f } from "./index37.js";
+import { jsxs as f, jsx as m } from "react/jsx-runtime";
+import { cn as r } from "./index37.js";
 import { Input as u } from "./index26.js";
 import { InputLabel as d } from "./index24.js";
 const N = ({
   label: s,
   helperText: a,
   errorText: t,
-  startSlot: e,
-  endSlot: i,
-  size: c = "medium",
+  startSlot: c,
+  endSlot: e,
+  size: i = "medium",
   className: n,
   disabled: l = !1,
-  labelClassName: p,
-  ...r
-}) => /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: [
-  /* @__PURE__ */ m(d, { className: p, children: s }),
+  labelClassName: o,
+  ...p
+}) => /* @__PURE__ */ f("div", { className: "flex flex-col gap-1", children: [
+  /* @__PURE__ */ m(d, { className: o, children: s }),
   /* @__PURE__ */ m(
     u,
     {
-      size: c,
+      size: i,
       status: t ? "error" : l ? "disabled" : "default",
-      startSlot: e,
-      endSlot: i,
+      startSlot: c,
+      endSlot: e,
       disabled: l,
       className: n,
-      ...r
+      ...p
     }
   ),
   (a || t) && /* @__PURE__ */ m(
     "p",
     {
-      className: f(
-        "text-sm mt-1",
-        t ? "text-primary-1" : "text-neutral-black-2"
-      ),
+      className: r("text-sm mt-1", {
+        "text-error-1": t,
+        "text-neutral-black-2": !t
+      }),
       children: t || a
     }
   )

package/dist/index59.js

@@ -1,10 +1,10 @@
 "use client";
 import * as i from "react";
 import { createContextScope as C } from "./index90.js";
-import { useCallbackRef as h } from "./index91.js";
-import { useLayoutEffect as f } from "./index92.js";
-import { Primitive as v } from "./index93.js";
-import { useIsHydrated as _ } from "./index94.js";
+import { useCallbackRef as h } from "./index109.js";
+import { useLayoutEffect as f } from "./index110.js";
+import { Primitive as v } from "./index96.js";
+import { useIsHydrated as _ } from "./index111.js";
 import { jsx as l } from "react/jsx-runtime";
 var m = "Avatar", [y, H] = C(m), [x, A] = y(m), L = i.forwardRef(
   (t, e) => {

package/dist/index63.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import { Primitive as v } from "./index93.js";
+import { Primitive as v } from "./index96.js";
 import { jsx as m } from "react/jsx-runtime";
 var d = "Separator", a = "horizontal", l = ["horizontal", "vertical"], i = p.forwardRef((r, n) => {
   const { decorative: e, orientation: t = a, ...s } = r, o = f(t) ? t : a, c = e ? { role: "none" } : { "aria-orientation": o === "vertical" ? o : void 0, role: "separator" };

package/dist/index74.js

@@ -9,7 +9,7 @@ const e = r(
       },
       status: {
         default: "border-neutral-black-4 text-foreground focus-within:ring-4 focus-within:ring-neutral-black-4",
-        error: "border-error-1 text-primary-1 focus-within:ring-4 focus-within:ring-error-1",
+        error: "border-error-1 text-error-1 focus-within:ring-4 focus-within:ring-error-1",
         disabled: "border-neutral-black-4 bg-neutral-black-4 text-neutral-black-2 cursor-not-allowed"
       }
     },

package/dist/index75.js

@@ -1,12 +1,12 @@
 "use client";
 import * as v from "react";
-import { composeEventHandlers as g } from "./index95.js";
+import { composeEventHandlers as g } from "./index91.js";
 import { createContextScope as x } from "./index90.js";
-import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index109.js";
-import { Presence as w } from "./index103.js";
-import { Primitive as b } from "./index93.js";
-import { useDirection as D } from "./index110.js";
-import { useControllableState as V } from "./index96.js";
+import { createRovingFocusGroupScope as C, Root as E, Item as F } from "./index97.js";
+import { Presence as w } from "./index95.js";
+import { Primitive as b } from "./index96.js";
+import { useDirection as D } from "./index98.js";
+import { useControllableState as V } from "./index92.js";
 import { useId as G } from "./index99.js";
 import { jsx as l } from "react/jsx-runtime";
 var p = "Tabs", [L, Q] = x(p, [

package/dist/index80.js

@@ -4,8 +4,8 @@ import * as m from "react";
 import { cn as e } from "./index37.js";
 import { Button as x } from "./index3.js";
 import { buttonVariants as f } from "./index41.js";
-import { getDefaultClassNames as p } from "./index111.js";
-import { DayPicker as w } from "./index112.js";
+import { getDefaultClassNames as p } from "./index114.js";
+import { DayPicker as w } from "./index115.js";
 import h from "./index81.js";
 import _ from "./index70.js";
 import v from "./index57.js";

package/dist/index82.js

@@ -1,27 +1,27 @@
 "use client";
 import * as t from "react";
 import * as be from "react-dom";
-import { clamp as Re } from "./index113.js";
-import { composeEventHandlers as E } from "./index95.js";
-import { createCollection as st } from "./index114.js";
+import { clamp as Re } from "./index112.js";
+import { composeEventHandlers as E } from "./index91.js";
+import { createCollection as st } from "./index113.js";
 import { useComposedRefs as B } from "./index89.js";
 import { createContextScope as lt } from "./index90.js";
-import { useDirection as ct } from "./index110.js";
+import { useDirection as ct } from "./index98.js";
 import { DismissableLayer as it } from "./index100.js";
-import { useFocusGuards as at } from "./index104.js";
+import { useFocusGuards as at } from "./index103.js";
 import { FocusScope as dt } from "./index101.js";
 import { useId as Ie } from "./index99.js";
-import { createPopperScope as _e, Root as ut, Anchor as pt, Content as ft, Arrow as mt } from "./index107.js";
+import { createPopperScope as _e, Root as ut, Anchor as pt, Content as ft, Arrow as mt } from "./index106.js";
 import { Portal as ht } from "./index102.js";
-import { Primitive as M } from "./index93.js";
+import { Primitive as M } from "./index96.js";
 import { createSlot as vt } from "./index40.js";
-import { useCallbackRef as gt } from "./index91.js";
-import { useControllableState as Ee } from "./index96.js";
-import { useLayoutEffect as Y } from "./index92.js";
-import { usePrevious as St } from "./index97.js";
-import { VISUALLY_HIDDEN_STYLES as wt } from "./index108.js";
-import { hideOthers as Ct } from "./index106.js";
-import yt from "./index105.js";
+import { useCallbackRef as gt } from "./index109.js";
+import { useControllableState as Ee } from "./index92.js";
+import { useLayoutEffect as Y } from "./index110.js";
+import { usePrevious as St } from "./index93.js";
+import { VISUALLY_HIDDEN_STYLES as wt } from "./index107.js";
+import { hideOthers as Ct } from "./index105.js";
+import yt from "./index104.js";
 import { jsx as m, Fragment as Te, jsxs as ce } from "react/jsx-runtime";
 var xt = [" ", "Enter", "ArrowUp", "ArrowDown"], It = [" ", "Enter"], J = "Select", [ae, de, Tt] = st(J), [te, uo] = lt(J, [
   Tt,

package/dist/index85.js

@@ -1,20 +1,20 @@
 "use client";
 import * as i from "react";
-import { composeEventHandlers as P } from "./index95.js";
+import { composeEventHandlers as P } from "./index91.js";
 import { useComposedRefs as O } from "./index89.js";
 import { createContextScope as G } from "./index90.js";
 import { DismissableLayer as H } from "./index100.js";
-import { useFocusGuards as K } from "./index104.js";
+import { useFocusGuards as K } from "./index103.js";
 import { FocusScope as $ } from "./index101.js";
 import { useId as j } from "./index99.js";
-import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index107.js";
+import { createPopperScope as _, Root as U, Anchor as x, Content as V, Arrow as W } from "./index106.js";
 import { Portal as Z } from "./index102.js";
-import { Presence as w } from "./index103.js";
-import { Primitive as E } from "./index93.js";
+import { Presence as w } from "./index95.js";
+import { Primitive as E } from "./index96.js";
 import { createSlot as q } from "./index40.js";
-import { useControllableState as z } from "./index96.js";
-import { hideOthers as B } from "./index106.js";
-import J from "./index105.js";
+import { useControllableState as z } from "./index92.js";
+import { hideOthers as B } from "./index105.js";
+import J from "./index104.js";
 import { jsx as p } from "react/jsx-runtime";
 var C = "Popover", [b, _o] = G(C, [
   _

package/dist/index86.js

@@ -1,8 +1,8 @@
 "use client";
-import { a as pe } from "./index116.js";
+import { a as pe } from "./index108.js";
 import { Root as ge, Portal as he, Overlay as be, Content as Ee } from "./index49.js";
 import * as n from "react";
-import { Primitive as I } from "./index93.js";
+import { Primitive as I } from "./index96.js";
 import { useId as K } from "./index99.js";
 import { composeRefs as q } from "./index89.js";
 var $ = '[cmdk-group=""]', X = '[cmdk-group-items=""]', ye = '[cmdk-group-heading=""]', oe = '[cmdk-item=""]', ie = `${oe}:not([aria-disabled="true"])`, Y = "cmdk-item-select", D = "data-value", Ce = (t, a, r) => pe(t, a, r), ce = n.createContext(void 0), O = () => n.useContext(ce), de = n.createContext(void 0), Z = () => n.useContext(de), se = n.createContext(void 0), fe = n.forwardRef((t, a) => {

package/dist/index87.js

@@ -1,11 +1,11 @@
 "use client";
 import * as u from "react";
-import { composeEventHandlers as m } from "./index95.js";
+import { composeEventHandlers as m } from "./index91.js";
 import { composeRefs as K } from "./index89.js";
 import { createContextScope as U } from "./index90.js";
-import { useControllableState as g } from "./index96.js";
-import { Primitive as B } from "./index93.js";
-import { createMenuScope as D, Root as F, Portal as H, Anchor as W, Content as $, Group as j, Label as X, Item as q, CheckboxItem as z, RadioGroup as J, RadioItem as Q, ItemIndicator as V, Separator as Y, Sub as Z, SubTrigger as oo, SubContent as eo, Arrow as ro } from "./index115.js";
+import { useControllableState as g } from "./index92.js";
+import { Primitive as B } from "./index96.js";
+import { createMenuScope as D, Root as F, Portal as H, Anchor as W, Content as $, Group as j, Label as X, Item as q, CheckboxItem as z, RadioGroup as J, RadioItem as Q, ItemIndicator as V, Separator as Y, Sub as Z, SubTrigger as oo, SubContent as eo, Arrow as ro } from "./index116.js";
 import { useId as v } from "./index99.js";
 import { jsx as t } from "react/jsx-runtime";
 var f = "DropdownMenu", [no, xo] = U(

package/dist/index91.js

@@ -1,13 +1,9 @@
-import * as r from "react";
-function o(t) {
-  const e = r.useRef(t);
-  return r.useEffect(() => {
-    e.current = t;
-  }), r.useMemo(() => (...n) => {
-    var u;
-    return (u = e.current) == null ? void 0 : u.call(e, ...n);
-  }, []);
+function h(f, c, { checkForDefaultPrevented: p = !0 } = {}) {
+  return function(s) {
+    if (f == null || f(s), p === !1 || !s.defaultPrevented)
+      return c == null ? void 0 : c(s);
+  };
 }
 export {
-  o as useCallbackRef
+  h as composeEventHandlers
 };

package/dist/index92.js

@@ -1,6 +1,54 @@
-import * as t from "react";
-var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
-};
+import * as n from "react";
+import { useLayoutEffect as v } from "./index110.js";
+var E = n[" useInsertionEffect ".trim().toString()] || v;
+function y({
+  prop: t,
+  defaultProp: u,
+  onChange: o = () => {
+  },
+  caller: i
+}) {
+  const [l, e, r] = w({
+    defaultProp: u,
+    onChange: o
+  }), c = t !== void 0, a = c ? t : l;
+  {
+    const s = n.useRef(t !== void 0);
+    n.useEffect(() => {
+      const f = s.current;
+      f !== c && console.warn(
+        `${i} is changing from ${f ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), s.current = c;
+    }, [c, i]);
+  }
+  const m = n.useCallback(
+    (s) => {
+      var f;
+      if (c) {
+        const d = R(s) ? s(t) : s;
+        d !== t && ((f = r.current) == null || f.call(r, d));
+      } else
+        e(s);
+    },
+    [c, t, e, r]
+  );
+  return [a, m];
+}
+function w({
+  defaultProp: t,
+  onChange: u
+}) {
+  const [o, i] = n.useState(t), l = n.useRef(o), e = n.useRef(u);
+  return E(() => {
+    e.current = u;
+  }, [u]), n.useEffect(() => {
+    var r;
+    l.current !== o && ((r = e.current) == null || r.call(e, o), l.current = o);
+  }, [o, l]), [o, i, e];
+}
+function R(t) {
+  return typeof t == "function";
+}
 export {
-  e as useLayoutEffect
+  y as useControllableState
 };

package/dist/index93.js

@@ -1,36 +1,8 @@
-import * as f from "react";
-import * as p from "react-dom";
-import { createSlot as c } from "./index40.js";
-import { jsx as l } from "react/jsx-runtime";
-var u = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], h = u.reduce((t, i) => {
-  const o = c(`Primitive.${i}`), r = f.forwardRef((e, m) => {
-    const { asChild: s, ...a } = e, n = s ? o : i;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(n, { ...a, ref: m });
-  });
-  return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
-}, {});
-function w(t, i) {
-  t && p.flushSync(() => t.dispatchEvent(i));
+import * as u from "react";
+function t(r) {
+  const e = u.useRef({ value: r, previous: r });
+  return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
 }
 export {
-  h as Primitive,
-  w as dispatchDiscreteCustomEvent
+  t as usePrevious
 };

package/dist/index94.js

@@ -1,15 +1,27 @@
-import { s as r } from "./index121.js";
-function s() {
-  return r.useSyncExternalStore(
-    e,
-    () => !0,
-    () => !1
-  );
-}
-function e() {
-  return () => {
-  };
+import * as h from "react";
+import { useLayoutEffect as z } from "./index110.js";
+function c(r) {
+  const [d, e] = h.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, u = Array.isArray(s) ? s[0] : s;
+          o = u.inlineSize, t = u.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), d;
 }
 export {
-  s as useIsHydrated
+  c as useSize
 };