@bolio-ui/core 3.0.4 → 3.1.0

package/dist/chunk-MFC6RKLT.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-interval/use-interval.ts
+var _react = require('react');
+var useInterval = (fn, interval, { autoInvoke = false } = {}) => {
+  const [active, setActive] = _react.useState.call(void 0, false);
+  const timer = _react.useRef.call(void 0, null);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, fn);
+  const stop = _react.useCallback.call(void 0, () => {
+    if (timer.current !== null) clearInterval(timer.current);
+    timer.current = null;
+    setActive(false);
+  }, []);
+  const start = _react.useCallback.call(void 0, () => {
+    if (timer.current !== null) return;
+    if (autoInvoke) latest.current();
+    timer.current = setInterval(() => latest.current(), interval);
+    setActive(true);
+  }, [interval, autoInvoke, latest]);
+  const toggle = _react.useCallback.call(void 0, 
+    () => timer.current !== null ? stop() : start(),
+    [start, stop]
+  );
+  _react.useEffect.call(void 0, 
+    () => () => {
+      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;
+
+
+
+exports.use_interval_default = use_interval_default2;

package/dist/chunk-MNUYKWKF.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5L34MDJFjs = require('./chunk-5L34MDJF.js');
+
+// core/use-element-size/use-element-size.ts
+var useElementSize = () => {
+  const [ref, { width, height }] = _chunk5L34MDJFjs.use_resize_observer_default.call(void 0, );
+  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;
+
+
+
+exports.use_element_size_default = use_element_size_default2;

package/dist/chunk-MPQMRC77.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-is-first-render/use-is-first-render.ts
+var _react = require('react');
+var useIsFirstRender = () => {
+  const first = _react.useRef.call(void 0, true);
+  if (first.current) {
+    first.current = false;
+    return true;
+  }
+  return first.current;
+};
+var use_is_first_render_default = useIsFirstRender;
+
+// core/use-is-first-render/index.ts
+var use_is_first_render_default2 = use_is_first_render_default;
+
+
+
+exports.use_is_first_render_default = use_is_first_render_default2;

package/dist/{chunk-DYYSUJ35.js → chunk-MSHPNPSW.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFLUNRVVGjs = require('./chunk-FLUNRVVG.js');
+var _chunkVZNIINQPjs = require('./chunk-VZNIINQP.js');
 
 
 var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
@@ -24,10 +24,12 @@ var ContextMenuComponent = _react2.default.forwardRef(
     className = "",
     children,
     onContextMenu,
+    onKeyDown,
     ...props
   }, ref) => {
     const [point, setPoint] = _react.useState.call(void 0, null);
     const area = _react.useRef.call(void 0, null);
+    const opener = _react.useRef.call(void 0, null);
     const setRefs = (element) => {
       area.current = element;
       if (typeof ref === "function") ref(element);
@@ -41,8 +43,20 @@ var ContextMenuComponent = _react2.default.forwardRef(
       if (onContextMenu) onContextMenu(event);
       if (disabled || event.defaultPrevented) return;
       event.preventDefault();
+      opener.current = null;
       change(true, { x: event.clientX, y: event.clientY });
     };
+    const keyDownHandler = (event) => {
+      if (onKeyDown) onKeyDown(event);
+      if (disabled || event.defaultPrevented) return;
+      if (event.key !== "ContextMenu" && !(event.shiftKey && event.key === "F10"))
+        return;
+      event.preventDefault();
+      const target = event.target;
+      const rect = target.getBoundingClientRect();
+      opener.current = target;
+      change(true, { x: rect.left, y: rect.bottom });
+    };
     const open = point !== null;
     _react.useEffect.call(void 0, () => {
       if (!open) return;
@@ -60,11 +74,12 @@ var ContextMenuComponent = _react2.default.forwardRef(
         className: _chunk5KUROAEPjs.use_classes_default.call(void 0, ContextMenu_module_css_default.area, className),
         ...props,
         onContextMenu: contextMenuHandler,
+        onKeyDown: keyDownHandler,
         children: [
           children,
           point && // a new point opens a new menu, so it is placed there
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkFLUNRVVGjs.Menu_default,
+            _chunkVZNIINQPjs.Menu_default,
             {
               visible: true,
               onVisibleChange: (visible) => change(visible),
@@ -83,8 +98,8 @@ var ContextMenuComponent = _react2.default.forwardRef(
                   "aria-hidden": "true",
                   className: ContextMenu_module_css_default.trigger,
                   onFocus: () => {
-                    var _a;
-                    return (_a = area.current) == null ? void 0 : _a.focus();
+                    var _a, _b;
+                    return (_b = (_a = opener.current) != null ? _a : area.current) == null ? void 0 : _b.focus();
                   }
                 }
               ),

package/dist/chunk-MVCROFQ6.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-focus-return/use-focus-return.ts
+var _react = require('react');
+var useFocusReturn = ({
+  opened,
+  shouldReturnFocus = true
+}) => {
+  const last = _react.useRef.call(void 0, null);
+  const returnFocus = _react.useCallback.call(void 0, () => {
+    if (last.current && typeof last.current.focus === "function") {
+      last.current.focus({ preventScroll: true });
+    }
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (opened) {
+      last.current = document.activeElement;
+      return;
+    }
+    if (shouldReturnFocus) returnFocus();
+  }, [opened, shouldReturnFocus, returnFocus]);
+  return returnFocus;
+};
+var use_focus_return_default = useFocusReturn;
+
+// core/use-focus-return/index.ts
+var use_focus_return_default2 = use_focus_return_default;
+
+
+
+exports.use_focus_return_default = use_focus_return_default2;

package/dist/chunk-N5NXRA7T.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-collapse/use-collapse.ts
+var _react = require('react');
+var closed = { height: 0, overflow: "hidden" };
+var useCollapse = ({
+  opened,
+  duration = 200
+}) => {
+  const ref = _react.useRef.call(void 0, null);
+  const first = _react.useRef.call(void 0, true);
+  const [style, setStyle] = _react.useState.call(void 0, opened ? {} : closed);
+  _react.useEffect.call(void 0, () => {
+    if (first.current) {
+      first.current = false;
+      return;
+    }
+    const node = ref.current;
+    if (!node) return;
+    const height = node.scrollHeight;
+    const transition = `height ${duration}ms ease`;
+    let frame = 0;
+    setStyle({ height: opened ? 0 : height, overflow: "hidden" });
+    frame = requestAnimationFrame(
+      () => setStyle({ height: opened ? height : 0, overflow: "hidden", transition })
+    );
+    return () => cancelAnimationFrame(frame);
+  }, [opened, duration]);
+  return {
+    ref,
+    style,
+    onTransitionEnd: () => {
+      if (opened) setStyle({});
+    }
+  };
+};
+var use_collapse_default = useCollapse;
+
+// core/use-collapse/index.ts
+var use_collapse_default2 = use_collapse_default;
+
+
+
+exports.use_collapse_default = use_collapse_default2;

package/dist/{chunk-WXW7BYE7.js → chunk-NO6C6BYN.js}

@@ -3,7 +3,7 @@
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 
 
@@ -224,7 +224,7 @@ function FieldsetGroupComponent({
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
   const [selfVal, setSelfVal] = _react.useState.call(void 0, value);
-  const [items, setItems, ref] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, []);
+  const [items, setItems, ref] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, []);
   const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "group", className);
   const register = _react.useCallback.call(void 0, 
     (newItem) => {

package/dist/{chunk-ISLUC2SD.js → chunk-NTNFTNRA.js}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
+
+
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
 
 
 
@@ -19,6 +22,7 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 
 
+
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Textarea/Textarea.module.css.bolio-css-module-source
@@ -44,6 +48,8 @@ var TextareaComponent = _react2.default.forwardRef(
     light = false,
     ghost = false,
     subtle = false,
+    error = false,
+    errorMessage,
     ...props
   }, ref) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
@@ -53,14 +59,17 @@ var TextareaComponent = _react2.default.forwardRef(
     const isControlledComponent = _react.useMemo.call(void 0, () => value !== void 0, [value]);
     const [selfValue, setSelfValue] = _react.useState.call(void 0, initialValue);
     const [hover, setHover] = _react.useState.call(void 0, false);
+    const generatedId = _react.useId.call(void 0, );
+    const errorId = `${props.id || generatedId}-error`;
+    const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
     const colors = _react.useMemo.call(void 0, 
-      () => _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+      () => _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, error ? "error" : type, disabled, {
         filled,
         light,
         ghost,
         subtle
       }),
-      [theme.palette, type, disabled, filled, light, ghost, subtle]
+      [theme.palette, type, error, disabled, filled, light, ghost, subtle]
     );
     const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
       Textarea_module_css_default.wrapper,
@@ -108,24 +117,29 @@ var TextareaComponent = _react2.default.forwardRef(
       height: SCALES.height(1, "auto"),
       margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "textarea",
-      {
-        ref: textareaRef,
-        disabled,
-        placeholder,
-        readOnly,
-        onFocus: focusHandler,
-        onBlur: blurHandler,
-        onChange: changeHandler,
-        ...textareaProps,
-        className: Textarea_module_css_default.textarea,
-        style: {
-          padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)}`,
-          ...textareaProps.style
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: classes, style: wrapperStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "textarea",
+        {
+          ref: textareaRef,
+          disabled,
+          placeholder,
+          readOnly,
+          onFocus: focusHandler,
+          onBlur: blurHandler,
+          onChange: changeHandler,
+          ...textareaProps,
+          "aria-invalid": error || void 0,
+          "aria-describedby": describedBy,
+          className: Textarea_module_css_default.textarea,
+          style: {
+            padding: `${SCALES.pt(0.5)} ${SCALES.pr(0.5)} ${SCALES.pb(0.5)} ${SCALES.pl(0.5)}`,
+            ...textareaProps.style
+          }
         }
-      }
-    ) });
+      ) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUOGCO6CVjs.InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 TextareaComponent.displayName = "BolioUITextarea";

package/dist/chunk-O37I27KZ.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-event-listener/use-event-listener.ts
+var _react = require('react');
+var useEventListener = (type, listener, options) => {
+  const ref = _react.useRef.call(void 0, null);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, listener);
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const handler = (event) => latest.current(event);
+    node.addEventListener(type, handler, options);
+    return () => node.removeEventListener(type, handler, options);
+  }, [type, options, latest]);
+  return ref;
+};
+var use_event_listener_default = useEventListener;
+
+// core/use-event-listener/index.ts
+var use_event_listener_default2 = use_event_listener_default;
+
+
+
+exports.use_event_listener_default = use_event_listener_default2;

package/dist/chunk-O4PVAWC5.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkY6DIYKCEjs = require('./chunk-Y6DIYKCE.js');
+
+// core/use-throttled-state/use-throttled-state.ts
+var _react = require('react');
+var useThrottledState = (initialValue, wait) => {
+  const [value, setValue] = _react.useState.call(void 0, initialValue);
+  const throttledSet = _chunkY6DIYKCEjs.use_throttled_callback_default.call(void 0, setValue, wait);
+  return [value, throttledSet];
+};
+var use_throttled_state_default = useThrottledState;
+
+// core/use-throttled-state/index.ts
+var use_throttled_state_default2 = use_throttled_state_default;
+
+
+
+exports.use_throttled_state_default = use_throttled_state_default2;

package/dist/chunk-OLNIDUBW.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-idle/use-idle.ts
+var _react = require('react');
+var DEFAULT_EVENTS = ["keypress", "mousemove", "touchmove", "click", "scroll"];
+var useIdle = (timeout, { events = DEFAULT_EVENTS, initialState = true } = {}) => {
+  const [idle, setIdle] = _react.useState.call(void 0, initialState);
+  _react.useEffect.call(void 0, () => {
+    let timer;
+    const start = () => {
+      clearTimeout(timer);
+      timer = setTimeout(() => setIdle(true), timeout);
+    };
+    const handler = () => {
+      setIdle(false);
+      start();
+    };
+    events.forEach((event) => document.addEventListener(event, handler));
+    start();
+    return () => {
+      clearTimeout(timer);
+      events.forEach((event) => document.removeEventListener(event, handler));
+    };
+  }, [timeout, events]);
+  return idle;
+};
+var use_idle_default = useIdle;
+
+// core/use-idle/index.ts
+var use_idle_default2 = use_idle_default;
+
+
+
+exports.use_idle_default = use_idle_default2;

package/dist/{chunk-GGD4BGH2.js → chunk-OOU3TSOA.js}

@@ -1,9 +1,4 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-current-state/use-current-state.ts
-
-
-
-
-
 var _react = require('react');
 var useCurrentState = (initialState) => {
   const [state, setState] = _react.useState.call(void 0, () => {

package/dist/chunk-OVJ5ECP5.js

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-set/use-set.ts
+var _react = require('react');
+var mutating = ["add", "delete", "clear"];
+var useSet = (values) => {
+  const [, update] = _react.useReducer.call(void 0, (tick) => tick + 1, 0);
+  const ref = _react.useRef.call(void 0, null);
+  if (!ref.current) {
+    const set = new Set(values);
+    mutating.forEach((method) => {
+      const original = set[method].bind(set);
+      Object.defineProperty(set, method, {
+        value: (...args) => {
+          const result = original(...args);
+          update();
+          return result;
+        }
+      });
+    });
+    ref.current = set;
+  }
+  return ref.current;
+};
+var use_set_default = useSet;
+
+// core/use-set/index.ts
+var use_set_default2 = use_set_default;
+
+
+
+exports.use_set_default = use_set_default2;

package/dist/chunk-OX3PUZOD.js

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-scroll-direction/use-scroll-direction.ts
+var _react = require('react');
+var useScrollDirection = () => {
+  const [direction, setDirection] = _react.useState.call(void 0, "up");
+  _react.useEffect.call(void 0, () => {
+    let previous = window.scrollY;
+    const update = () => {
+      const current = window.scrollY;
+      if (current !== previous) setDirection(current > previous ? "down" : "up");
+      previous = current;
+    };
+    window.addEventListener("scroll", update, { passive: true });
+    return () => window.removeEventListener("scroll", update);
+  }, []);
+  return direction;
+};
+var use_scroll_direction_default = useScrollDirection;
+
+// core/use-scroll-direction/index.ts
+var use_scroll_direction_default2 = use_scroll_direction_default;
+
+
+
+exports.use_scroll_direction_default = use_scroll_direction_default2;

package/dist/chunk-OXHT5DES.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-throttled-value/use-throttled-value.ts
+var _react = require('react');
+var useThrottledValue = (value, wait) => {
+  const [throttled, setThrottled] = _react.useState.call(void 0, value);
+  const lastRun = _react.useRef.call(void 0, 0);
+  _react.useEffect.call(void 0, () => {
+    const remaining = wait - (Date.now() - lastRun.current);
+    const run = () => {
+      lastRun.current = Date.now();
+      setThrottled(value);
+    };
+    if (remaining <= 0) {
+      run();
+      return;
+    }
+    const timer = setTimeout(run, remaining);
+    return () => clearTimeout(timer);
+  }, [value, wait]);
+  return throttled;
+};
+var use_throttled_value_default = useThrottledValue;
+
+// core/use-throttled-value/index.ts
+var use_throttled_value_default2 = use_throttled_value_default;
+
+
+
+exports.use_throttled_value_default = use_throttled_value_default2;

package/dist/chunk-P5ZQMZBG.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-long-press/use-long-press.ts
+var _react = require('react');
+var useLongPress = (onLongPress, { threshold = 400 } = {}) => {
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, onLongPress);
+  const timer = _react.useRef.call(void 0, void 0);
+  const start = _react.useCallback.call(void 0, () => {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => latest.current(), threshold);
+  }, [latest, threshold]);
+  const cancel = _react.useCallback.call(void 0, () => clearTimeout(timer.current), []);
+  _react.useEffect.call(void 0, () => cancel, [cancel]);
+  return _react.useMemo.call(void 0, 
+    () => ({
+      onMouseDown: start,
+      onTouchStart: start,
+      onMouseUp: cancel,
+      onMouseLeave: cancel,
+      onTouchEnd: cancel
+    }),
+    [start, cancel]
+  );
+};
+var use_long_press_default = useLongPress;
+
+// core/use-long-press/index.ts
+var use_long_press_default2 = use_long_press_default;
+
+
+
+exports.use_long_press_default = use_long_press_default2;

package/dist/{chunk-X4TPC7HS.js → chunk-PMP2DFDQ.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
 
 
 
@@ -45,7 +45,7 @@ var PinInputComponent = _react2.default.forwardRef(
   }, ref) => {
     const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, error ? "error" : type, disabled, {
+    const colors = _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, error ? "error" : type, disabled, {
       filled,
       light,
       ghost,

package/dist/chunk-PSZNBTTF.js

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-splitter/use-splitter.ts
+var _react = require('react');
+var useSplitter = ({
+  initialSize = 50,
+  min = 10,
+  max = 90,
+  direction = "horizontal"
+} = {}) => {
+  const containerRef = _react.useRef.call(void 0, null);
+  const handleRef = _react.useRef.call(void 0, null);
+  const [size, setSize] = _react.useState.call(void 0, initialSize);
+  const [dragging, setDragging] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const container = containerRef.current;
+    const handle = handleRef.current;
+    if (!container || !handle) return;
+    const down = (event) => {
+      var _a;
+      (_a = handle.setPointerCapture) == null ? void 0 : _a.call(handle, event.pointerId);
+      setDragging(true);
+    };
+    const move = (event) => {
+      var _a;
+      if (!((_a = handle.hasPointerCapture) == null ? void 0 : _a.call(handle, event.pointerId))) return;
+      const rect = container.getBoundingClientRect();
+      const percent = direction === "horizontal" ? (event.clientX - rect.left) / (rect.width || 1) * 100 : (event.clientY - rect.top) / (rect.height || 1) * 100;
+      setSize(Math.min(Math.max(percent, min), max));
+    };
+    const up = (event) => {
+      var _a;
+      (_a = handle.releasePointerCapture) == null ? void 0 : _a.call(handle, event.pointerId);
+      setDragging(false);
+    };
+    handle.addEventListener("pointerdown", down);
+    handle.addEventListener("pointermove", move);
+    handle.addEventListener("pointerup", up);
+    handle.addEventListener("pointercancel", up);
+    return () => {
+      handle.removeEventListener("pointerdown", down);
+      handle.removeEventListener("pointermove", move);
+      handle.removeEventListener("pointerup", up);
+      handle.removeEventListener("pointercancel", up);
+    };
+  }, [min, max, direction]);
+  return { containerRef, handleRef, size, dragging };
+};
+var use_splitter_default = useSplitter;
+
+// core/use-splitter/index.ts
+var use_splitter_default2 = use_splitter_default;
+
+
+
+exports.use_splitter_default = use_splitter_default2;