@bolio-ui/core 3.0.5 → 3.1.0

package/esm/chunk-ITDDH7VF.js

@@ -0,0 +1,40 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/use-disclosure/use-disclosure.ts
+import { useCallback, useMemo, useState } from "react";
+var useDisclosure = (initialState = false, options = {}) => {
+  const [opened, setOpened] = useState(initialState);
+  const openedRef = use_latest_default(opened);
+  const optionsRef = use_latest_default(options);
+  const open = useCallback(() => {
+    var _a, _b;
+    if (openedRef.current) return;
+    setOpened(true);
+    (_b = (_a = optionsRef.current).onOpen) == null ? void 0 : _b.call(_a);
+  }, [openedRef, optionsRef]);
+  const close = useCallback(() => {
+    var _a, _b;
+    if (!openedRef.current) return;
+    setOpened(false);
+    (_b = (_a = optionsRef.current).onClose) == null ? void 0 : _b.call(_a);
+  }, [openedRef, optionsRef]);
+  const toggle = useCallback(() => {
+    if (openedRef.current) close();
+    else open();
+  }, [openedRef, open, close]);
+  const handlers = useMemo(
+    () => ({ open, close, toggle }),
+    [open, close, toggle]
+  );
+  return [opened, handlers];
+};
+var use_disclosure_default = useDisclosure;
+
+// core/use-disclosure/index.ts
+var use_disclosure_default2 = use_disclosure_default;
+
+export {
+  use_disclosure_default2 as use_disclosure_default
+};

package/esm/{chunk-IIKZQZXS.js → chunk-IUXV23IN.js}

@@ -1,3 +1,6 @@
+import {
+  InputBlockLabel_default
+} from "./chunk-UOGCO6CV.js";
 import {
   log_warning_default
 } from "./chunk-AXYDJGTN.js";
@@ -16,7 +19,7 @@ import {
 } from "./chunk-5KUROAEP.js";
 
 // core/Radio/Radio.tsx
-import React2, { useEffect, useMemo, useState } from "react";
+import React2, { useEffect, useId, useMemo, useState } from "react";
 
 // core/Radio/RadioContext.ts
 import React from "react";
@@ -71,7 +74,7 @@ var getColor = (palette, status) => {
 var Radio_module_css_default = { "input": "Radio-module_input__bPgim", "name": "Radio-module_name__9QrEM", "point": "Radio-module_point__O2nmm", "radio": "Radio-module_radio__o2X4H", "label": "Radio-module_label__eRJLf", "active": "Radio-module_active__W254J" };
 
 // core/Radio/Radio.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var RadioComponent = React2.forwardRef(
   ({
     className = "",
@@ -80,11 +83,16 @@ var RadioComponent = React2.forwardRef(
     disabled = false,
     type = "default",
     value: radioValue,
+    error = false,
+    errorMessage,
     children,
     ...props
   }, ref) => {
     const theme = use_theme_default();
     const { SCALES } = use_scale_default();
+    const generatedId = useId();
+    const errorId = `${props.id || generatedId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
     const [selfChecked, setSelfChecked] = useState(!!checked);
     const {
       value: groupValue,
@@ -112,8 +120,8 @@ var RadioComponent = React2.forwardRef(
       setSelfChecked(groupValue === radioValue);
     }, [inGroup, groupValue, radioValue]);
     const color = useMemo(
-      () => getColor(theme.palette, type),
-      [theme.palette, type]
+      () => getColor(theme.palette, error ? "error" : type),
+      [theme.palette, type, error]
     );
     const isDisabled = useMemo(
       () => disabled || disabledAll,
@@ -152,39 +160,44 @@ var RadioComponent = React2.forwardRef(
       "--radio-hover-border": isDisabled ? void 0 : "var(--radio-color)",
       "--radio-bg": isDisabled ? theme.palette.accents_1 : theme.palette.background
     };
-    return /* @__PURE__ */ jsx2(
-      "div",
-      {
-        className: use_classes_default("radio", Radio_module_css_default.radio, className),
-        style: radioStyle,
-        children: /* @__PURE__ */ jsxs("label", { className: Radio_module_css_default.label, children: [
-          /* @__PURE__ */ jsx2(
-            "input",
-            {
-              ref,
-              type: "radio",
-              value: radioValue,
-              checked: selfChecked,
-              onChange: changeHandler,
-              ...props,
-              className: Radio_module_css_default.input
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: Radio_module_css_default.name, children: [
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx2(
+        "div",
+        {
+          className: use_classes_default("radio", Radio_module_css_default.radio, className),
+          style: radioStyle,
+          children: /* @__PURE__ */ jsxs("label", { className: Radio_module_css_default.label, children: [
             /* @__PURE__ */ jsx2(
-              "span",
+              "input",
               {
-                className: use_classes_default(Radio_module_css_default.point, {
-                  [Radio_module_css_default.active]: selfChecked
-                })
+                ref,
+                type: "radio",
+                value: radioValue,
+                checked: selfChecked,
+                onChange: changeHandler,
+                ...props,
+                "aria-invalid": error || void 0,
+                "aria-describedby": describedBy,
+                className: Radio_module_css_default.input
               }
             ),
-            withoutDescChildren
-          ] }),
-          DescChildren && DescChildren
-        ] })
-      }
-    );
+            /* @__PURE__ */ jsxs("span", { className: Radio_module_css_default.name, children: [
+              /* @__PURE__ */ jsx2(
+                "span",
+                {
+                  className: use_classes_default(Radio_module_css_default.point, {
+                    [Radio_module_css_default.active]: selfChecked
+                  })
+                }
+              ),
+              withoutDescChildren
+            ] }),
+            DescChildren && DescChildren
+          ] })
+        }
+      ),
+      error && /* @__PURE__ */ jsx2(InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 RadioComponent.displayName = "BolioUIRadio";
@@ -192,13 +205,13 @@ var Radio = with_scale_default(RadioComponent);
 var Radio_default = Radio;
 
 // core/Radio/RadioGroup.tsx
-import { useCallback, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { useCallback, useEffect as useEffect2, useId as useId2, useMemo as useMemo2, useState as useState2 } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Radio/RadioGroup.module.css.bolio-css-module-source
 var RadioGroup_module_css_default = { "radioGroup": "RadioGroup-module_radioGroup__6XPZE" };
 
 // core/Radio/RadioGroup.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function RadioGroupComponent({
   disabled = false,
   onChange,
@@ -207,10 +220,13 @@ function RadioGroupComponent({
   className = "",
   initialValue,
   useRow = false,
+  error = false,
+  errorMessage,
   style,
   ...props
 }) {
   const { SCALES } = use_scale_default();
+  const errorId = `${useId2()}-error`;
   const [selfVal, setSelfVal] = useState2(
     initialValue
   );
@@ -244,15 +260,20 @@ function RadioGroupComponent({
     "--radio-group-margin-left": useRow ? SCALES.font(1) : 0,
     ...style
   };
-  return /* @__PURE__ */ jsx3(RadioContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx3(
-    "div",
-    {
-      className: use_classes_default(RadioGroup_module_css_default.radioGroup, className),
-      ...props,
-      style: groupStyle,
-      children
-    }
-  ) });
+  return /* @__PURE__ */ jsxs2(RadioContext.Provider, { value: providerValue, children: [
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        className: use_classes_default(RadioGroup_module_css_default.radioGroup, className),
+        "aria-invalid": error || void 0,
+        "aria-describedby": error && errorMessage ? errorId : void 0,
+        ...props,
+        style: groupStyle,
+        children
+      }
+    ),
+    error && /* @__PURE__ */ jsx3(InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+  ] });
 }
 RadioGroupComponent.displayName = "BolioUIRadioGroup";
 var RadioGroup = with_scale_default(RadioGroupComponent);

package/esm/chunk-J3VM74M7.js

@@ -0,0 +1,38 @@
+// core/use-focus-trap/use-focus-trap.ts
+import { useEffect, useRef } from "react";
+var FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var useFocusTrap = (active = true) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    var _a;
+    const node = ref.current;
+    if (!active || !node) return;
+    const items = () => Array.from(node.querySelectorAll(FOCUSABLE));
+    (_a = items()[0]) == null ? void 0 : _a.focus();
+    const onKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const list = items();
+      if (!list.length) return;
+      const first = list[0];
+      const last = list[list.length - 1];
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    node.addEventListener("keydown", onKeyDown);
+    return () => node.removeEventListener("keydown", onKeyDown);
+  }, [active]);
+  return ref;
+};
+var use_focus_trap_default = useFocusTrap;
+
+// core/use-focus-trap/index.ts
+var use_focus_trap_default2 = use_focus_trap_default;
+
+export {
+  use_focus_trap_default2 as use_focus_trap_default
+};

package/esm/{chunk-REWKR7S3.js → chunk-J63S6JCT.js}

@@ -1,6 +1,6 @@
 import {
   Image_default
-} from "./chunk-TWIOSRRP.js";
+} from "./chunk-QCPCIVDI.js";
 import {
   use_classes_default
 } from "./chunk-5KUROAEP.js";

package/esm/chunk-JAYM3NQ5.js

@@ -0,0 +1,27 @@
+// core/use-logger/use-logger.ts
+import { useEffect, useRef } from "react";
+var useLogger = (componentName, props) => {
+  const mounted = useRef(false);
+  const latest = useRef(props);
+  latest.current = props;
+  useEffect(() => {
+    console.log(`${componentName} mounted`, ...latest.current);
+    return () => {
+      console.log(`${componentName} unmounted`);
+    };
+  }, [componentName]);
+  useEffect(() => {
+    if (mounted.current) {
+      console.log(`${componentName} updated`, ...props);
+    }
+    mounted.current = true;
+  }, props);
+};
+var use_logger_default = useLogger;
+
+// core/use-logger/index.ts
+var use_logger_default2 = use_logger_default;
+
+export {
+  use_logger_default2 as use_logger_default
+};

package/esm/{chunk-YDYRM2KN.js → chunk-JF5YVNOO.js}

@@ -1,6 +1,6 @@
 import {
   use_current_state_default
-} from "./chunk-33BUV2RX.js";
+} from "./chunk-E4LPRAZ6.js";
 
 // core/use-modal/use-modal.ts
 var useModal = (initialVisible = false) => {

package/esm/chunk-JIN7XD6G.js

@@ -0,0 +1,23 @@
+// core/use-hash/use-hash.ts
+import { useCallback, useEffect, useState } from "react";
+var useHash = () => {
+  const [hash, setHashState] = useState("");
+  useEffect(() => {
+    const update = () => setHashState(window.location.hash);
+    update();
+    window.addEventListener("hashchange", update);
+    return () => window.removeEventListener("hashchange", update);
+  }, []);
+  const setHash = useCallback((value) => {
+    window.location.hash = value;
+  }, []);
+  return [hash, setHash];
+};
+var use_hash_default = useHash;
+
+// core/use-hash/index.ts
+var use_hash_default2 = use_hash_default;
+
+export {
+  use_hash_default2 as use_hash_default
+};

package/esm/{chunk-56NE4QGR.js → chunk-JWEQIAAP.js}

@@ -1,10 +1,14 @@
 import {
   Image_default
-} from "./chunk-TWIOSRRP.js";
+} from "./chunk-QCPCIVDI.js";
+import {
+  activateOnKey
+} from "./chunk-YTIXCWZO.js";
 import {
   getVariantColors,
+  isDarkPalette,
   isSemanticColorType
-} from "./chunk-GJZT47MP.js";
+} from "./chunk-Q4FDY7EJ.js";
 import {
   use_scale_default,
   with_scale_default
@@ -38,6 +42,10 @@ var getStyles = (type, palette, { isShadow, filled, ghost, subtle } = {}) => {
       const { bg, border, color } = getVariantColors(palette, type, "filled");
       return { color, bgColor: bg, borderColor: border };
     }
+    if (isDarkPalette(palette)) {
+      const { bg, color } = getVariantColors(palette, type, "light");
+      return { color, bgColor: bg, borderColor: "transparent" };
+    }
   }
   const colors = {
     default: {
@@ -243,6 +251,7 @@ var CardComponent = React.forwardRef(
           className
         ),
         tabIndex: interactive ? 0 : void 0,
+        onKeyDown: interactive ? activateOnKey : void 0,
         onMouseMove: (event) => {
           if (spotlight) {
             const rect = event.currentTarget.getBoundingClientRect();

package/esm/{chunk-BXEBNLJ4.js → chunk-JYC2SUOV.js}

@@ -1,6 +1,6 @@
 import {
   getColors
-} from "./chunk-KBZEYKCZ.js";
+} from "./chunk-CCKWTHUT.js";
 import {
   getSurface
 } from "./chunk-EUYSKHRS.js";

package/esm/{chunk-26KDVRFS.js → chunk-KBRWFODC.js}

@@ -1,7 +1,7 @@
 import {
   getVariantColors,
   isSemanticColorType
-} from "./chunk-GJZT47MP.js";
+} from "./chunk-Q4FDY7EJ.js";
 import {
   use_scale_default,
   with_scale_default

package/esm/chunk-KCIOF5MR.js

@@ -0,0 +1,51 @@
+import {
+  addColorAlpha
+} from "./chunk-SELOBD66.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+
+// core/Mark/Mark.tsx
+import React, { useMemo } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Mark/Mark.module.css.bolio-css-module-source
+var Mark_module_css_default = { "mark": "Mark-module_mark__MnjwZ" };
+
+// core/Mark/Mark.tsx
+import { jsx } from "react/jsx-runtime";
+var escapeRegExp = (term) => term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var MarkComponent = React.forwardRef(
+  ({ children = "", highlight = "", className = "", style, ...props }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const parts = useMemo(() => {
+      const terms = [].concat(highlight).filter(Boolean);
+      if (!terms.length) return [children];
+      const pattern = terms.sort((a, b) => b.length - a.length).map(escapeRegExp).join("|");
+      return children.split(new RegExp(`(${pattern})`, "i"));
+    }, [children, highlight]);
+    const markStyle = {
+      fontSize: SCALES.font(1),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--mark-bg": addColorAlpha(theme.palette.warning, 0.4),
+      ...style
+    };
+    return /* @__PURE__ */ jsx("span", { ref, className, ...props, style: markStyle, children: parts.map(
+      (part, index) => index % 2 ? /* @__PURE__ */ jsx("mark", { className: Mark_module_css_default.mark, children: part }, index) : part
+    ) });
+  }
+);
+MarkComponent.displayName = "BolioUIMark";
+var Mark = with_scale_default(MarkComponent);
+var Mark_default = Mark;
+
+// core/Mark/index.ts
+var Mark_default2 = Mark_default;
+
+export {
+  Mark_default2 as Mark_default
+};

package/esm/{chunk-NSXQR57Q.js → chunk-KST3JX4L.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-A3BIV2QM.js";
 import {
   use_current_state_default
-} from "./chunk-33BUV2RX.js";
+} from "./chunk-E4LPRAZ6.js";
 import {
   css_transition_default
 } from "./chunk-LDTDMDE6.js";
@@ -20,7 +20,7 @@ import {
 } from "./chunk-ZRORQ2WH.js";
 import {
   Button_default
-} from "./chunk-TPZUTHTQ.js";
+} from "./chunk-Q2K4VARR.js";
 import {
   getSurface
 } from "./chunk-EUYSKHRS.js";

package/esm/{chunk-CGS2MT3G.js → chunk-LCK3IKX5.js}

@@ -1,6 +1,6 @@
 import {
   Note_default
-} from "./chunk-26KDVRFS.js";
+} from "./chunk-KBRWFODC.js";
 
 // core/Note/index.ts
 var Note_default2 = Note_default;

package/esm/{chunk-RD4CEB5S.js → chunk-LMPKWTBN.js}

@@ -1,7 +1,7 @@
 import {
   getVariantColors,
   isSemanticColorType
-} from "./chunk-GJZT47MP.js";
+} from "./chunk-Q4FDY7EJ.js";
 import {
   use_scale_default,
   with_scale_default

package/esm/chunk-LV6MJHIM.js

@@ -0,0 +1,33 @@
+import {
+  use_clipboard_default
+} from "./chunk-C3PVEUSC.js";
+
+// core/CopyButton/CopyButton.tsx
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var CopyButton = ({
+  value,
+  timeout = 1e3,
+  children
+}) => {
+  const { copy: copyText } = use_clipboard_default();
+  const [copied, setCopied] = useState(false);
+  const timer = useRef(void 0);
+  useEffect(() => () => clearTimeout(timer.current), []);
+  const copy = useCallback(() => {
+    copyText(value);
+    setCopied(true);
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => setCopied(false), timeout);
+  }, [copyText, value, timeout]);
+  return /* @__PURE__ */ jsx(Fragment, { children: children({ copied, copy }) });
+};
+CopyButton.displayName = "BolioUICopyButton";
+var CopyButton_default = CopyButton;
+
+// core/CopyButton/index.ts
+var CopyButton_default2 = CopyButton_default;
+
+export {
+  CopyButton_default2 as CopyButton_default
+};

package/esm/chunk-LWP3PTKW.js

@@ -0,0 +1,41 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/use-focus-within/use-focus-within.ts
+import { useEffect, useRef, useState } from "react";
+var useFocusWithin = (options = {}) => {
+  const ref = useRef(null);
+  const [focused, setFocused] = useState(false);
+  const latest = use_latest_default(options);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node) return;
+    const focusin = (event) => {
+      var _a, _b;
+      setFocused(true);
+      (_b = (_a = latest.current).onFocus) == null ? void 0 : _b.call(_a, event);
+    };
+    const focusout = (event) => {
+      var _a, _b;
+      if (node.contains(event.relatedTarget)) return;
+      setFocused(false);
+      (_b = (_a = latest.current).onBlur) == null ? void 0 : _b.call(_a, event);
+    };
+    node.addEventListener("focusin", focusin);
+    node.addEventListener("focusout", focusout);
+    return () => {
+      node.removeEventListener("focusin", focusin);
+      node.removeEventListener("focusout", focusout);
+    };
+  }, [latest]);
+  return { ref, focused };
+};
+var use_focus_within_default = useFocusWithin;
+
+// core/use-focus-within/index.ts
+var use_focus_within_default2 = use_focus_within_default;
+
+export {
+  use_focus_within_default2 as use_focus_within_default
+};

package/esm/chunk-M5YHX2BJ.js

@@ -0,0 +1,59 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/use-radial-move/use-radial-move.ts
+import { useEffect, useRef, useState } from "react";
+var useRadialMove = (onChange, { step = 1, onChangeEnd } = {}) => {
+  const ref = useRef(null);
+  const [active, setActive] = useState(false);
+  const callbacks = use_latest_default({ onChange, onChangeEnd });
+  const last = useRef(0);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node) return;
+    const update = (event) => {
+      const rect = node.getBoundingClientRect();
+      const x = event.clientX - (rect.left + rect.width / 2);
+      const y = event.clientY - (rect.top + rect.height / 2);
+      const degrees = (Math.atan2(x, -y) * 180 / Math.PI + 360) % 360;
+      last.current = Math.round(degrees / step) * step % 360;
+      callbacks.current.onChange(last.current);
+    };
+    const down = (event) => {
+      var _a;
+      (_a = node.setPointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(true);
+      update(event);
+    };
+    const move = (event) => {
+      var _a;
+      if ((_a = node.hasPointerCapture) == null ? void 0 : _a.call(node, event.pointerId)) update(event);
+    };
+    const up = (event) => {
+      var _a, _b, _c;
+      (_a = node.releasePointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setActive(false);
+      (_c = (_b = callbacks.current).onChangeEnd) == null ? void 0 : _c.call(_b, last.current);
+    };
+    node.addEventListener("pointerdown", down);
+    node.addEventListener("pointermove", move);
+    node.addEventListener("pointerup", up);
+    node.addEventListener("pointercancel", up);
+    return () => {
+      node.removeEventListener("pointerdown", down);
+      node.removeEventListener("pointermove", move);
+      node.removeEventListener("pointerup", up);
+      node.removeEventListener("pointercancel", up);
+    };
+  }, [step, callbacks]);
+  return { ref, active };
+};
+var use_radial_move_default = useRadialMove;
+
+// core/use-radial-move/index.ts
+var use_radial_move_default2 = use_radial_move_default;
+
+export {
+  use_radial_move_default2 as use_radial_move_default
+};

package/esm/chunk-MFC6RKLT.js

@@ -0,0 +1,41 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/use-interval/use-interval.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+var useInterval = (fn, interval, { autoInvoke = false } = {}) => {
+  const [active, setActive] = useState(false);
+  const timer = useRef(null);
+  const latest = use_latest_default(fn);
+  const stop = useCallback(() => {
+    if (timer.current !== null) clearInterval(timer.current);
+    timer.current = null;
+    setActive(false);
+  }, []);
+  const start = useCallback(() => {
+    if (timer.current !== null) return;
+    if (autoInvoke) latest.current();
+    timer.current = setInterval(() => latest.current(), interval);
+    setActive(true);
+  }, [interval, autoInvoke, latest]);
+  const toggle = useCallback(
+    () => timer.current !== null ? stop() : start(),
+    [start, stop]
+  );
+  useEffect(
+    () => () => {
+      if (timer.current !== null) clearInterval(timer.current);
+    },
+    []
+  );
+  return { start, stop, toggle, active };
+};
+var use_interval_default = useInterval;
+
+// core/use-interval/index.ts
+var use_interval_default2 = use_interval_default;
+
+export {
+  use_interval_default2 as use_interval_default
+};

package/esm/chunk-MNUYKWKF.js

@@ -0,0 +1,17 @@
+import {
+  use_resize_observer_default
+} from "./chunk-5L34MDJF.js";
+
+// core/use-element-size/use-element-size.ts
+var useElementSize = () => {
+  const [ref, { width, height }] = use_resize_observer_default();
+  return { ref, width, height };
+};
+var use_element_size_default = useElementSize;
+
+// core/use-element-size/index.ts
+var use_element_size_default2 = use_element_size_default;
+
+export {
+  use_element_size_default2 as use_element_size_default
+};