@bolio-ui/core 3.0.4 → 3.1.0

package/dist/chunk-BMMTVFV5.js

@@ -0,0 +1,202 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkFU73QPTYjs = require('./chunk-FU73QPTY.js');
+
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/ScrollArea/ScrollArea.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/ScrollArea/ScrollArea.module.css.bolio-css-module-source
+var ScrollArea_module_css_default = { "scrollArea": "ScrollArea-module_scrollArea__hWDno", "hover": "ScrollArea-module_hover__BdieF", "viewport": "ScrollArea-module_viewport__NsNP8", "vertical": "ScrollArea-module_vertical__pLVjR", "horizontal": "ScrollArea-module_horizontal__04fX0", "both": "ScrollArea-module_both__SLatS", "custom": "ScrollArea-module_custom__EmB3p", "track": "ScrollArea-module_track__vGrOF", "trackX": "ScrollArea-module_trackX__VM9bC", "trackY": "ScrollArea-module_trackY__Apbnh", "thumb": "ScrollArea-module_thumb__DLvTa" };
+
+// core/ScrollArea/ScrollArea.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var minThumb = 24;
+var noThumbs = { x: null, y: null };
+var measure = (node, axis) => {
+  const horizontal = axis === "x";
+  const scroll = horizontal ? node.scrollWidth : node.scrollHeight;
+  const client = horizontal ? node.clientWidth : node.clientHeight;
+  if (scroll <= client) return null;
+  const position = horizontal ? node.scrollLeft : node.scrollTop;
+  const size = Math.max(minThumb, client * client / scroll);
+  return {
+    size,
+    offset: position / (scroll - client) * (client - size)
+  };
+};
+var same = (a, b) => a === b || !!a && !!b && a.size === b.size && a.offset === b.offset;
+var hasStyledScrollbar = () => typeof CSS === "undefined" || typeof CSS.supports !== "function" || CSS.supports("selector(::-webkit-scrollbar)");
+var ScrollAreaComponent = _react2.default.forwardRef(
+  ({
+    orientation = "vertical",
+    scrollbar = "always",
+    className = "",
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const viewportRef = _react.useRef.call(void 0, null);
+    const mergedRef = _chunkFU73QPTYjs.use_merged_ref_default.call(void 0, ref, viewportRef);
+    const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    const [custom, setCustom] = _react.useState.call(void 0, false);
+    const [thumbs, setThumbs] = _react.useState.call(void 0, noThumbs);
+    const drag = _react.useRef.call(void 0, 
+      null
+    );
+    _react.useEffect.call(void 0, () => setCustom(!hasStyledScrollbar()), []);
+    _react.useEffect.call(void 0, () => {
+      const node = viewportRef.current;
+      if (!node || orientation !== "horizontal") return;
+      const onWheel = (event) => {
+        if (Math.abs(event.deltaY) <= Math.abs(event.deltaX)) return;
+        const max = node.scrollWidth - node.clientWidth;
+        const next = Math.min(max, Math.max(0, node.scrollLeft + event.deltaY));
+        if (next === node.scrollLeft) return;
+        event.preventDefault();
+        node.scrollLeft = next;
+      };
+      node.addEventListener("wheel", onWheel, { passive: false });
+      return () => node.removeEventListener("wheel", onWheel);
+    }, [orientation]);
+    const update = _react.useCallback.call(void 0, () => {
+      const node = viewportRef.current;
+      if (!node) return;
+      const x = orientation === "vertical" ? null : measure(node, "x");
+      const y = orientation === "horizontal" ? null : measure(node, "y");
+      setThumbs(
+        (prev) => same(prev.x, x) && same(prev.y, y) ? prev : { x, y }
+      );
+    }, [orientation]);
+    _react.useEffect.call(void 0, () => {
+      const node = viewportRef.current;
+      if (!custom || !node) return;
+      update();
+      node.addEventListener("scroll", update);
+      const resize = new ResizeObserver(update);
+      resize.observe(node);
+      const mutation = new MutationObserver(update);
+      mutation.observe(node, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+      return () => {
+        node.removeEventListener("scroll", update);
+        resize.disconnect();
+        mutation.disconnect();
+      };
+    }, [custom, update]);
+    const onThumbDown = (axis) => (event) => {
+      const node = viewportRef.current;
+      if (!node) return;
+      event.currentTarget.setPointerCapture(event.pointerId);
+      drag.current = {
+        axis,
+        pointer: axis === "x" ? event.clientX : event.clientY,
+        scroll: axis === "x" ? node.scrollLeft : node.scrollTop
+      };
+    };
+    const onThumbMove = (event) => {
+      const node = viewportRef.current;
+      const start = drag.current;
+      if (!node || !start) return;
+      const horizontal = start.axis === "x";
+      const thumb = thumbs[start.axis];
+      if (!thumb) return;
+      const scroll = horizontal ? node.scrollWidth : node.scrollHeight;
+      const client = horizontal ? node.clientWidth : node.clientHeight;
+      const delta = (horizontal ? event.clientX : event.clientY) - start.pointer;
+      const next = start.scroll + delta * (scroll - client) / (client - thumb.size);
+      if (horizontal) node.scrollLeft = next;
+      else node.scrollTop = next;
+    };
+    const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, 
+      ScrollArea_module_css_default.scrollArea,
+      { [ScrollArea_module_css_default.hover]: scrollbar === "hover" },
+      className
+    );
+    const viewportClasses = _chunk5KUROAEPjs.use_classes_default.call(void 0, ScrollArea_module_css_default.viewport, ScrollArea_module_css_default[orientation], {
+      [ScrollArea_module_css_default.custom]: custom
+    });
+    const rootStyle = {
+      width: SCALES.width(1, "100%"),
+      height: SCALES.height(1, "auto"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--scroll-thumb-visible": theme.palette.accents_5,
+      "--scroll-thumb-active": theme.palette.accents_6,
+      "--scroll-focus": theme.palette.foreground,
+      ...style
+    };
+    const viewportStyle = {
+      padding: `${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(orientation === "vertical" ? 0 : 0.5)} ${SCALES.pl(0)}`
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: classes, style: rootStyle, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "div",
+        {
+          ref: mergedRef,
+          className: viewportClasses,
+          tabIndex: 0,
+          ...props,
+          style: viewportStyle,
+          children
+        }
+      ),
+      custom && ["x", "y"].map((axis) => {
+        const thumb = thumbs[axis];
+        if (!thumb) return null;
+        const horizontal = axis === "x";
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunk5KUROAEPjs.joinClasses.call(void 0, 
+              ScrollArea_module_css_default.track,
+              horizontal ? ScrollArea_module_css_default.trackX : ScrollArea_module_css_default.trackY
+            ),
+            "aria-hidden": true,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: ScrollArea_module_css_default.thumb,
+                style: horizontal ? {
+                  width: thumb.size,
+                  transform: `translateX(${thumb.offset}px)`
+                } : {
+                  height: thumb.size,
+                  transform: `translateY(${thumb.offset}px)`
+                },
+                onPointerDown: onThumbDown(axis),
+                onPointerMove: onThumbMove,
+                onPointerUp: () => drag.current = null,
+                onPointerCancel: () => drag.current = null
+              }
+            )
+          },
+          axis
+        );
+      })
+    ] });
+  }
+);
+ScrollAreaComponent.displayName = "BolioUIScrollArea";
+var ScrollArea = _chunkMAICNLTYjs.with_scale_default.call(void 0, ScrollAreaComponent);
+var ScrollArea_default = ScrollArea;
+
+// core/ScrollArea/index.ts
+var ScrollArea_default2 = ScrollArea_default;
+
+
+
+exports.ScrollArea_default = ScrollArea_default2;

package/dist/chunk-BNPKMXV3.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-debounced-value/use-debounced-value.ts
+var _react = require('react');
+var useDebouncedValue = (value, wait, { leading = false } = {}) => {
+  const [debounced, setDebounced] = _react.useState.call(void 0, value);
+  const mounted = _react.useRef.call(void 0, false);
+  const cooling = _react.useRef.call(void 0, false);
+  const timer = _react.useRef.call(void 0, void 0);
+  const cancel = () => clearTimeout(timer.current);
+  _react.useEffect.call(void 0, () => {
+    if (!mounted.current) {
+      mounted.current = true;
+      return;
+    }
+    if (leading && !cooling.current) setDebounced(value);
+    cooling.current = true;
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      cooling.current = false;
+      setDebounced(value);
+    }, wait);
+  }, [value, wait, leading]);
+  _react.useEffect.call(void 0, () => () => clearTimeout(timer.current), []);
+  return [debounced, cancel];
+};
+var use_debounced_value_default = useDebouncedValue;
+
+// core/use-debounced-value/index.ts
+var use_debounced_value_default2 = use_debounced_value_default;
+
+
+
+exports.use_debounced_value_default = use_debounced_value_default2;

package/dist/chunk-BURRM6RO.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-timeout/use-timeout.ts
+var _react = require('react');
+var useTimeout = (callback, delay, { autoInvoke = false } = {}) => {
+  const timer = _react.useRef.call(void 0, void 0);
+  const latest = _chunkZRORQ2WHjs.use_latest_default.call(void 0, callback);
+  const clear = _react.useCallback.call(void 0, () => clearTimeout(timer.current), []);
+  const start = _react.useCallback.call(void 0, () => {
+    clearTimeout(timer.current);
+    timer.current = setTimeout(() => latest.current(), delay);
+  }, [delay, latest]);
+  _react.useEffect.call(void 0, () => {
+    if (autoInvoke) start();
+    return clear;
+  }, [autoInvoke, start, clear]);
+  return { start, clear };
+};
+var use_timeout_default = useTimeout;
+
+// core/use-timeout/index.ts
+var use_timeout_default2 = use_timeout_default;
+
+
+
+exports.use_timeout_default = use_timeout_default2;

package/dist/chunk-BVYKOLVM.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-debounced-state/use-debounced-state.ts
+var _react = require('react');
+var useDebouncedState = (initialValue, wait, { leading = false } = {}) => {
+  const [value, setValue] = _react.useState.call(void 0, initialValue);
+  const cooling = _react.useRef.call(void 0, false);
+  const timer = _react.useRef.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => () => clearTimeout(timer.current), []);
+  const set = _react.useCallback.call(void 0, 
+    (next) => {
+      if (leading && !cooling.current) setValue(next);
+      cooling.current = true;
+      clearTimeout(timer.current);
+      timer.current = setTimeout(() => {
+        cooling.current = false;
+        setValue(next);
+      }, wait);
+    },
+    [wait, leading]
+  );
+  return [value, set];
+};
+var use_debounced_state_default = useDebouncedState;
+
+// core/use-debounced-state/index.ts
+var use_debounced_state_default2 = use_debounced_state_default;
+
+
+
+exports.use_debounced_state_default = use_debounced_state_default2;

package/dist/{chunk-C3ZZPIUO.js → chunk-C3PVEUSC.js}

@@ -3,7 +3,7 @@
 var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
 
 
-var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
+var _chunkS5PYSYVRjs = require('./chunk-S5PYSYVR.js');
 
 
 var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
@@ -34,7 +34,7 @@ var copyText = (el, text, onError) => {
   }
 };
 var useClipboard = (options = defaultOptions) => {
-  const el = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "clipboard");
+  const el = _chunkS5PYSYVRjs.use_portal_default.call(void 0, "clipboard");
   const latestOnError = _chunkZRORQ2WHjs.use_latest_default.call(void 0, options.onError);
   const copy = _react.useCallback.call(void 0, 
     (text) => {

package/dist/{chunk-KBZEYKCZ.js → chunk-CCKWTHUT.js}

@@ -1,7 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+var _chunkQ4FDY7EJjs = require('./chunk-Q4FDY7EJ.js');
 
 // core/Input/styles.ts
 var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {}) => {
@@ -16,7 +18,7 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
       placeholderColor: palette.accents_4,
       iconColor: palette.accents_3
     };
-  if (!status || !_chunkGJZT47MPjs.isSemanticColorType.call(void 0, status))
+  if (!status || !_chunkQ4FDY7EJjs.isSemanticColorType.call(void 0, status))
     return {
       color: palette.foreground,
       bgColor: palette.background,
@@ -30,7 +32,7 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
   const base = palette[status];
   const dark = palette[`${status}Dark`];
   if (subtle) {
-    const { bg, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, status, "subtle");
+    const { bg, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, status, "subtle");
     return {
       color,
       bgColor: bg,
@@ -43,7 +45,7 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
     };
   }
   if (light) {
-    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, status, "light");
+    const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, status, "light");
     return {
       color,
       bgColor: bg,
@@ -56,7 +58,7 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
     };
   }
   if (ghost) {
-    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, status, "outline");
+    const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, status, "outline");
     return {
       color,
       bgColor: bg,
@@ -69,7 +71,7 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
     };
   }
   if (filled) {
-    const { bg, border, color } = _chunkGJZT47MPjs.getVariantColors.call(void 0, palette, status, "filled");
+    const { bg, border, color } = _chunkQ4FDY7EJjs.getVariantColors.call(void 0, palette, status, "filled");
     return {
       color,
       bgColor: bg,
@@ -81,15 +83,17 @@ var getColors = (palette, status, disabled, { filled, light, ghost, subtle } = {
       iconColor: color
     };
   }
+  const isDark = _chunkQ4FDY7EJjs.isDarkPalette.call(void 0, palette);
+  const bgColor = isDark ? _chunkQ4FDY7EJjs.mixWithPage.call(void 0, palette, base, 12) : palette[`${status}Light`];
   return {
-    color: dark,
-    bgColor: palette[`${status}Light`],
-    borderColor: base,
-    hoverBgColor: palette[`${status}Light`],
+    color: isDark ? base : dark,
+    bgColor,
+    borderColor: isDark ? _chunkQ4FDY7EJjs.mixWithPage.call(void 0, palette, base, 55) : base,
+    hoverBgColor: bgColor,
     hoverBorder: base,
-    focusBorder: dark,
+    focusBorder: isDark ? base : dark,
     placeholderColor: palette.accents_6,
-    iconColor: dark
+    iconColor: isDark ? base : dark
   };
 };
 

package/dist/chunk-CXVCM2PB.js

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-drag/use-drag.ts
+var _react = require('react');
+var useDrag = () => {
+  const ref = _react.useRef.call(void 0, null);
+  const [dragging, setDragging] = _react.useState.call(void 0, false);
+  const [position, setPosition] = _react.useState.call(void 0, { x: 0, y: 0 });
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    let start = { x: 0, y: 0 };
+    let origin = { x: 0, y: 0 };
+    const down = (event) => {
+      var _a;
+      (_a = node.setPointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      start = { x: event.clientX, y: event.clientY };
+      setPosition((current) => {
+        origin = current;
+        return current;
+      });
+      setDragging(true);
+    };
+    const move = (event) => {
+      var _a;
+      if (!((_a = node.hasPointerCapture) == null ? void 0 : _a.call(node, event.pointerId))) return;
+      setPosition({
+        x: origin.x + event.clientX - start.x,
+        y: origin.y + event.clientY - start.y
+      });
+    };
+    const up = (event) => {
+      var _a;
+      (_a = node.releasePointerCapture) == null ? void 0 : _a.call(node, event.pointerId);
+      setDragging(false);
+    };
+    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);
+    };
+  }, []);
+  return { ref, dragging, position, reset: () => setPosition({ x: 0, y: 0 }) };
+};
+var use_drag_default = useDrag;
+
+// core/use-drag/index.ts
+var use_drag_default2 = use_drag_default;
+
+
+
+exports.use_drag_default = use_drag_default2;

package/dist/{chunk-G4KB56RO.js → chunk-D6JSBBXY.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
 
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
 
 
 
@@ -54,7 +54,7 @@ var TagsInputComponent = _react2.default.forwardRef(
     const inputId = props.id || generatedId;
     const errorId = `${inputId}-error`;
     const describedBy = [props["aria-describedby"], error && errorMessage ? errorId : void 0].filter(Boolean).join(" ") || void 0;
-    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+    const colors = _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, error ? "error" : type, disabled, {
       filled,
       light,
       ghost,

package/dist/{chunk-TWT6F7A7.js → chunk-DBUEPZWM.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkO3RTRCY5js = require('./chunk-O3RTRCY5.js');
+var _chunkGUILS62Wjs = require('./chunk-GUILS62W.js');
 
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 
 var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
@@ -138,7 +138,7 @@ var ModalContent = _chunkMAICNLTYjs.with_scale_default.call(void 0, ModalContent
 var ModalContent_default = ModalContent;
 
 // core/utils/use-body-scroll.ts
-var use_body_scroll_default2 = _chunkO3RTRCY5js.use_body_scroll_default;
+var use_body_scroll_default2 = _chunkGUILS62Wjs.use_body_scroll_default;
 
 // core/Shared/backdrop.tsx
 
@@ -162,7 +162,7 @@ function BackdropComponent({
   ...props
 }) {
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
-  const [, setIsContentMouseDown, IsContentMouseDownRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, false);
+  const [, setIsContentMouseDown, IsContentMouseDownRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, false);
   const contentRef = _react.useRef.call(void 0, null);
   const clickHandler = (event) => {
     var _a;

package/dist/chunk-DBXNG475.js

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-hover/use-hover.ts
+var _react = require('react');
+var useHover = () => {
+  const [hovered, setHovered] = _react.useState.call(void 0, false);
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const node = ref.current;
+    if (!node) return;
+    const enter = () => setHovered(true);
+    const leave = () => setHovered(false);
+    node.addEventListener("mouseenter", enter);
+    node.addEventListener("mouseleave", leave);
+    return () => {
+      node.removeEventListener("mouseenter", enter);
+      node.removeEventListener("mouseleave", leave);
+    };
+  }, []);
+  return { hovered, ref };
+};
+var use_hover_default = useHover;
+
+// core/use-hover/index.ts
+var use_hover_default2 = use_hover_default;
+
+
+
+exports.use_hover_default = use_hover_default2;

package/dist/chunk-DJ3AH5YZ.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-mounted/use-mounted.ts
+var _react = require('react');
+var useMounted = () => {
+  const [mounted, setMounted] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => setMounted(true), []);
+  return mounted;
+};
+var use_mounted_default = useMounted;
+
+// core/use-mounted/index.ts
+var use_mounted_default2 = use_mounted_default;
+
+
+
+exports.use_mounted_default = use_mounted_default2;

package/dist/chunk-DZHZXUII.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/utils/use-match-media.ts
+var _react = require('react');
+var useMatchMedia = (query, initialValue = false) => {
+  const [matches, setMatches] = _react.useState.call(void 0, initialValue);
+  _react.useEffect.call(void 0, () => {
+    if (typeof window.matchMedia !== "function") return;
+    const list = window.matchMedia(query);
+    const update = () => setMatches(list.matches);
+    update();
+    list.addEventListener("change", update);
+    return () => list.removeEventListener("change", update);
+  }, [query]);
+  return matches;
+};
+var use_match_media_default = useMatchMedia;
+
+
+
+exports.use_match_media_default = use_match_media_default;

package/dist/{chunk-33BUV2RX.js → chunk-E4LPRAZ6.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGGD4BGH2js = require('./chunk-GGD4BGH2.js');
+var _chunkOOU3TSOAjs = require('./chunk-OOU3TSOA.js');
 
 // core/utils/use-current-state.ts
-var use_current_state_default2 = _chunkGGD4BGH2js.use_current_state_default;
+var use_current_state_default2 = _chunkOOU3TSOAjs.use_current_state_default;
 
 
 

package/dist/{chunk-E5EDUOQT.js → chunk-E5ALJNBL.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk33BUV2RXjs = require('./chunk-33BUV2RX.js');
+var _chunkE4LPRAZ6js = require('./chunk-E4LPRAZ6.js');
 
 
-var _chunkRZBEZ26Ajs = require('./chunk-RZBEZ26A.js');
+var _chunkSELOBD66js = require('./chunk-SELOBD66.js');
 
 
 
@@ -40,8 +40,8 @@ function PaginationItem({
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const [hover, activeHover] = _react.useMemo.call(void 0, 
     () => [
-      _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.primary, 0.1),
-      _chunkRZBEZ26Ajs.addColorAlpha.call(void 0, theme.palette.primary, 0.8)
+      _chunkSELOBD66js.addColorAlpha.call(void 0, theme.palette.primary, 0.1),
+      _chunkSELOBD66js.addColorAlpha.call(void 0, theme.palette.primary, 0.8)
     ],
     [theme.palette.primary]
   );
@@ -138,6 +138,7 @@ function PaginationEllipsis({ isBefore, onClick }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     PaginationItem_default,
     {
+      "aria-label": isBefore ? "Previous 5 pages" : "Next 5 pages",
       onClick: (e) => onClick && onClick(e),
       onMouseEnter: () => setShowMore(true),
       onMouseLeave: () => setShowMore(false),
@@ -286,7 +287,7 @@ var PaginationComponent = _react2.default.forwardRef(
     ...props
   }, ref) => {
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-    const [page, setPage, pageRef] = _chunk33BUV2RXjs.use_current_state_default.call(void 0, initialPage);
+    const [page, setPage, pageRef] = _chunkE4LPRAZ6js.use_current_state_default.call(void 0, initialPage);
     const [, prevChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, PaginationPrevious_default);
     const [, nextChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, children, PaginationNext_default);
     const [prevItem, nextItem] = _react.useMemo.call(void 0, () => {

package/dist/{chunk-DEMQXB46.js → chunk-EJZLV52Y.js}

@@ -4,10 +4,10 @@
 var _chunkOKZRHSSGjs = require('./chunk-OKZRHSSG.js');
 
 
-var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
+var _chunkCCKWTHUTjs = require('./chunk-CCKWTHUT.js');
 
 
-var _chunkKBZEYKCZjs = require('./chunk-KBZEYKCZ.js');
+var _chunkUOGCO6CVjs = require('./chunk-UOGCO6CV.js');
 
 
 var _chunkDGXZP4VJjs = require('./chunk-DGXZP4VJ.js');
@@ -64,7 +64,7 @@ var ColorInputComponent = _react2.default.forwardRef(
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
     const generatedId = _react.useId.call(void 0, );
     const inputId = props.id || generatedId;
-    const colors = _chunkKBZEYKCZjs.getColors.call(void 0, theme.palette, type, disabled, {
+    const colors = _chunkCCKWTHUTjs.getColors.call(void 0, theme.palette, type, disabled, {
       filled,
       light,
       ghost,

package/dist/chunk-EKASDDSU.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/use-input-state/use-input-state.ts
+var _react = require('react');
+var isEvent = (value) => typeof value === "object" && value !== null && "currentTarget" in value && "nativeEvent" in value;
+var useInputState = (initialValue) => {
+  const [value, setValue] = _react.useState.call(void 0, initialValue);
+  const onChange = _react.useCallback.call(void 0, (next) => {
+    if (isEvent(next)) {
+      const { currentTarget } = next;
+      setValue(
+        currentTarget.type === "checkbox" ? currentTarget.checked : currentTarget.value
+      );
+    } else {
+      setValue(next);
+    }
+  }, []);
+  return [value, onChange];
+};
+var use_input_state_default = useInputState;
+
+// core/use-input-state/index.ts
+var use_input_state_default2 = use_input_state_default;
+
+
+
+exports.use_input_state_default = use_input_state_default2;