@bolio-ui/core 3.0.5 → 3.1.0

package/esm/{chunk-M4EFMVFG.js → chunk-2P43LMD6.js}

@@ -3,16 +3,22 @@ import {
 } from "./chunk-JFNYQSEZ.js";
 import {
   getColors
-} from "./chunk-KBZEYKCZ.js";
+} from "./chunk-CCKWTHUT.js";
 import {
   dropdown_default
 } from "./chunk-ROBEGHM5.js";
+import {
+  InputBlockLabel_default
+} from "./chunk-UOGCO6CV.js";
 import {
   log_warning_default
 } from "./chunk-AXYDJGTN.js";
 import {
   use_current_state_default
-} from "./chunk-33BUV2RX.js";
+} from "./chunk-E4LPRAZ6.js";
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
 import {
   getSurface
 } from "./chunk-EUYSKHRS.js";
@@ -35,6 +41,7 @@ import {
 import React7, {
   useCallback,
   useEffect as useEffect2,
+  useId,
   useImperativeHandle as useImperativeHandle3,
   useMemo,
   useRef as useRef3,
@@ -73,6 +80,7 @@ import React3, { useImperativeHandle, useRef } from "react";
 
 // core/Select/SelectContext.ts
 import React2 from "react";
+var getOptionId = (listId, value) => `${listId}-${encodeURIComponent(value)}`;
 var defaultContext = {
   visible: false,
   disableAll: false
@@ -93,12 +101,14 @@ var SelectDropdown = React3.forwardRef(
     className = "",
     dropdownStyle = {},
     disableMatchWidth,
-    getPopupContainer
+    getPopupContainer,
+    ariaLabel,
+    ariaLabelledby
   }, dropdownRef) => {
     const theme = use_theme_default();
     const surface = getSurface(theme);
     const internalDropdownRef = useRef(null);
-    const { ref } = useSelectContext();
+    const { ref, listId, multiple } = useSelectContext();
     const classes = use_classes_default(SelectDropdown_module_css_default.selectDropdown, className);
     useImperativeHandle(
       dropdownRef,
@@ -115,6 +125,11 @@ var SelectDropdown = React3.forwardRef(
           "div",
           {
             ref: internalDropdownRef,
+            id: listId,
+            role: "listbox",
+            "aria-multiselectable": multiple || void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
             className: classes,
             style: {
               "--select-dropdown-radius": theme.layout.radius,
@@ -142,7 +157,7 @@ var SelectIconClear_module_css_default = { "clearIcon": "SelectIconClear-module_
 
 // core/Select/SelectIconClear.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function SelectIconClear({ onClick }) {
+function SelectIconClear({ onClick, label = "Clear" }) {
   const theme = use_theme_default();
   const clickHandler = (event) => {
     event.preventDefault();
@@ -151,8 +166,10 @@ function SelectIconClear({ onClick }) {
     if (onClick) onClick(event);
   };
   return /* @__PURE__ */ jsx3(
-    "div",
+    "button",
     {
+      type: "button",
+      "aria-label": label,
       onClick: clickHandler,
       className: joinClasses("clear-icon", SelectIconClear_module_css_default.clearIcon),
       style: {
@@ -186,7 +203,7 @@ var SelectMultipleValue_module_css_default = { "item": "SelectMultipleValue-modu
 
 // core/Select/SelectMultipleValue.tsx
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function SelectMultipleValue({ disabled, onClear, children }) {
+function SelectMultipleValue({ disabled, onClear, label, children }) {
   const theme = use_theme_default();
   return /* @__PURE__ */ jsx4(Grid_default, { children: /* @__PURE__ */ jsxs2(
     "div",
@@ -199,7 +216,7 @@ function SelectMultipleValue({ disabled, onClear, children }) {
       },
       children: [
         children,
-        !!onClear && /* @__PURE__ */ jsx4(SelectIconClear_default, { onClick: onClear })
+        !!onClear && /* @__PURE__ */ jsx4(SelectIconClear_default, { onClick: onClear, label })
       ]
     }
   ) });
@@ -232,7 +249,18 @@ var SelectInput_module_css_default = { "input": "SelectInput-module_input__xsgNv
 // core/Select/SelectInput.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var SelectInput = React6.forwardRef(
-  ({ visible, onBlur, onFocus, ariaLabel, ariaLabelledby }, inputRef) => {
+  ({
+    visible,
+    onBlur,
+    onFocus,
+    onKeyDown,
+    controls,
+    activeDescendant,
+    ariaLabel,
+    ariaLabelledby,
+    invalid,
+    describedBy
+  }, inputRef) => {
     const ref = useRef2(null);
     useImperativeHandle2(
       inputRef,
@@ -253,9 +281,14 @@ var SelectInput = React6.forwardRef(
         "aria-haspopup": "listbox",
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
+        "aria-invalid": invalid || void 0,
+        "aria-describedby": describedBy,
         readOnly: true,
         unselectable: "on",
         "aria-expanded": visible,
+        "aria-controls": visible ? controls : void 0,
+        "aria-activedescendant": visible ? activeDescendant : void 0,
+        onKeyDown,
         onBlur,
         onFocus,
         className: SelectInput_module_css_default.input
@@ -282,6 +315,8 @@ var SelectComponent = React7.forwardRef(
     light = false,
     ghost = false,
     subtle = false,
+    error = false,
+    errorMessage,
     disabled = false,
     initialValue: init,
     value: customValue,
@@ -309,6 +344,9 @@ var SelectComponent = React7.forwardRef(
     const dropdownRef = useRef3(null);
     const [visible, setVisible] = useState(false);
     const [selectFocus, setSelectFocus] = useState(false);
+    const [activeValue, setActiveValue] = useState();
+    const listId = useId();
+    const errorId = `${listId}-error`;
     const [value, setValue, valueRef] = use_current_state_default(() => {
       if (!multiple) return init;
       if (Array.isArray(init)) return init;
@@ -319,20 +357,49 @@ var SelectComponent = React7.forwardRef(
       return value.length === 0;
     }, [value]);
     const colors = useMemo(
-      () => getColors(theme.palette, type, disabled, {
+      () => getColors(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 enabledOptions = useMemo(
+      () => React7.Children.toArray(children).flatMap((child) => {
+        if (!React7.isValidElement(child))
+          return [];
+        const {
+          value: optionValue,
+          disabled: disabled2,
+          label,
+          divider,
+          children: content
+        } = child.props;
+        if (optionValue === void 0 || disabled2 || label || divider)
+          return [];
+        const text = typeof content === "string" || typeof content === "number" ? String(content) : optionValue;
+        return [{ value: optionValue, text: text.toLowerCase() }];
+      }),
+      [children]
+    );
+    const enabledValues = useMemo(
+      () => enabledOptions.map((option) => option.value),
+      [enabledOptions]
     );
+    const latestEnabled = use_latest_default(enabledValues);
     const updateVisible = useCallback(
       (next) => {
+        var _a, _b;
         onDropdownVisibleChange(next);
         setVisible(next);
+        if (!next) return setActiveValue(void 0);
+        const chosen = [].concat((_a = valueRef.current) != null ? _a : []);
+        setActiveValue(
+          (_b = chosen.find((item) => latestEnabled.current.includes(item))) != null ? _b : latestEnabled.current[0]
+        );
       },
-      [onDropdownVisibleChange]
+      [onDropdownVisibleChange, valueRef, latestEnabled]
     );
     const updateValue = useCallback(
       (next) => {
@@ -355,9 +422,22 @@ var SelectComponent = React7.forwardRef(
         updateValue,
         updateVisible,
         ref,
-        disableAll: disabled
+        disableAll: disabled,
+        activeValue,
+        listId,
+        multiple
       }),
-      [visible, disabled, ref, value, updateValue, updateVisible]
+      [
+        visible,
+        disabled,
+        ref,
+        value,
+        updateValue,
+        updateVisible,
+        activeValue,
+        listId,
+        multiple
+      ]
     );
     const clickHandler = (event) => {
       event.stopPropagation();
@@ -397,24 +477,81 @@ var SelectComponent = React7.forwardRef(
     const selectedChild = useMemo(() => {
       const [, optionChildren] = pickChildByProps(children, "value", value);
       return React7.Children.map(optionChildren, (child) => {
-        if (!React7.isValidElement(
-          child
-        ))
+        if (!React7.isValidElement(child))
           return null;
         const el = React7.cloneElement(child, {
           preventAllEvents: true
         });
         if (!multiple) return el;
+        const content = child.props.children;
+        const name = typeof content === "string" || typeof content === "number" ? String(content) : child.props.value;
         return /* @__PURE__ */ jsx7(
           SelectMultipleValue_default,
           {
             disabled,
+            label: `Remove ${name}`,
             onClear: clearable ? () => updateValue(child.props.value) : null,
             children: el
           }
         );
       });
     }, [value, children, multiple, clearable, disabled, updateValue]);
+    const typed = useRef3("");
+    const typedTimer = useRef3(
+      void 0
+    );
+    useEffect2(() => () => clearTimeout(typedTimer.current), []);
+    const keyDownHandler = (event) => {
+      if (disabled) return;
+      const { key } = event;
+      if (key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey && (key !== " " || typed.current)) {
+        event.preventDefault();
+        typed.current += key.toLowerCase();
+        clearTimeout(typedTimer.current);
+        typedTimer.current = setTimeout(() => typed.current = "", 500);
+        const from = activeValue === void 0 ? -1 : enabledValues.indexOf(activeValue);
+        const start = typed.current.length === 1 ? from + 1 : Math.max(from, 0);
+        const found = [
+          ...enabledOptions.slice(start),
+          ...enabledOptions.slice(0, start)
+        ].find((option) => option.text.startsWith(typed.current));
+        if (!found) return;
+        if (!visible) updateVisible(true);
+        setActiveValue(found.value);
+        return;
+      }
+      const options = enabledValues;
+      const move = (to) => {
+        event.preventDefault();
+        if (options.length)
+          setActiveValue(options[Math.min(options.length - 1, Math.max(0, to))]);
+      };
+      const current = activeValue === void 0 ? -1 : options.indexOf(activeValue);
+      if (key === "ArrowDown" || key === "ArrowUp") {
+        if (!visible) {
+          event.preventDefault();
+          return updateVisible(true);
+        }
+        if (key === "ArrowDown") move(current + 1);
+        else move(current < 0 ? options.length - 1 : current - 1);
+      } else if (key === "Home" && visible) {
+        move(0);
+      } else if (key === "End" && visible) {
+        move(options.length - 1);
+      } else if (key === "Enter" || key === " ") {
+        event.preventDefault();
+        if (!visible) updateVisible(true);
+        else if (activeValue !== void 0) updateValue(activeValue);
+      } else if (key === "Escape" && visible) {
+        event.preventDefault();
+        updateVisible(false);
+      }
+    };
+    useEffect2(() => {
+      var _a, _b;
+      if (activeValue === void 0) return;
+      (_b = (_a = document.getElementById(getOptionId(listId, activeValue))) == null ? void 0 : _a.scrollIntoView) == null ? void 0 : _b.call(_a, { block: "nearest" });
+    }, [activeValue, listId]);
     const onInputBlur = () => {
       updateVisible(false);
       setSelectFocus(false);
@@ -455,47 +592,57 @@ var SelectComponent = React7.forwardRef(
       "--select-icon-rotate": visible ? "180deg" : "0deg",
       ...style
     };
-    return /* @__PURE__ */ jsx7(SelectContext.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs3(
-      "div",
-      {
-        className: classes,
-        ref,
-        onClick: clickHandler,
-        onMouseDown: mouseDownHandler,
-        ...props,
-        style: selectStyle,
-        children: [
-          /* @__PURE__ */ jsx7(
-            SelectInput_default,
-            {
-              ref: inputRef,
-              ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
-              ariaLabelledby,
-              visible,
-              onBlur: onInputBlur,
-              onFocus: () => setSelectFocus(true)
-            }
-          ),
-          isEmpty && /* @__PURE__ */ jsx7("span", { className: joinClasses(Select_module_css_default.value, Select_module_css_default.placeholder), children: /* @__PURE__ */ jsx7(ellipsis_default, { height: "var(--select-height)", children: placeholder }) }),
-          value && !multiple && /* @__PURE__ */ jsx7("span", { className: Select_module_css_default.value, children: selectedChild }),
-          value && multiple && /* @__PURE__ */ jsx7(Grid_default.Container, { gap: 0.5, children: selectedChild }),
-          /* @__PURE__ */ jsx7(
-            SelectDropdown_default,
-            {
-              ref: dropdownRef,
-              visible,
-              colors,
-              className: dropdownClassName,
-              dropdownStyle,
-              disableMatchWidth,
-              getPopupContainer,
-              children
-            }
-          ),
-          !pure && /* @__PURE__ */ jsx7("div", { className: Select_module_css_default.icon, children: /* @__PURE__ */ jsx7(Icon, {}) })
-        ]
-      }
-    ) });
+    return /* @__PURE__ */ jsxs3(SelectContext.Provider, { value: initialValue, children: [
+      /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: classes,
+          ref,
+          onClick: clickHandler,
+          onMouseDown: mouseDownHandler,
+          ...props,
+          style: selectStyle,
+          children: [
+            /* @__PURE__ */ jsx7(
+              SelectInput_default,
+              {
+                ref: inputRef,
+                ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
+                ariaLabelledby,
+                invalid: error,
+                describedBy: error && errorMessage ? errorId : void 0,
+                visible,
+                onBlur: onInputBlur,
+                onFocus: () => setSelectFocus(true),
+                onKeyDown: keyDownHandler,
+                controls: listId,
+                activeDescendant: activeValue === void 0 ? void 0 : getOptionId(listId, activeValue)
+              }
+            ),
+            isEmpty && /* @__PURE__ */ jsx7("span", { className: joinClasses(Select_module_css_default.value, Select_module_css_default.placeholder), children: /* @__PURE__ */ jsx7(ellipsis_default, { height: "var(--select-height)", children: placeholder }) }),
+            value && !multiple && /* @__PURE__ */ jsx7("span", { className: Select_module_css_default.value, children: selectedChild }),
+            value && multiple && /* @__PURE__ */ jsx7(Grid_default.Container, { gap: 0.5, children: selectedChild }),
+            /* @__PURE__ */ jsx7(
+              SelectDropdown_default,
+              {
+                ref: dropdownRef,
+                visible,
+                ariaLabel: ariaLabel || (typeof placeholder === "string" ? placeholder : void 0),
+                ariaLabelledby,
+                colors,
+                className: dropdownClassName,
+                dropdownStyle,
+                disableMatchWidth,
+                getPopupContainer,
+                children
+              }
+            ),
+            !pure && /* @__PURE__ */ jsx7("div", { className: Select_module_css_default.icon, children: /* @__PURE__ */ jsx7(Icon, {}) })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsx7(InputBlockLabel_default, { error, id: errorId, children: errorMessage })
+    ] });
   }
 );
 SelectComponent.displayName = "BolioUISelect";
@@ -506,7 +653,7 @@ var Select_default = Select;
 import { useMemo as useMemo2 } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Select/SelectOption.module.css.bolio-css-module-source
-var SelectOption_module_css_default = { "option": "SelectOption-module_option__NAlFp", "label": "SelectOption-module_label__NtVM7", "divider": "SelectOption-module_divider__mmqJj", "disabled": "SelectOption-module_disabled__cDMWS", "selected": "SelectOption-module_selected__HOwTO" };
+var SelectOption_module_css_default = { "option": "SelectOption-module_option__NAlFp", "active": "SelectOption-module_active__vxHSF", "label": "SelectOption-module_label__NtVM7", "divider": "SelectOption-module_divider__mmqJj", "disabled": "SelectOption-module_disabled__cDMWS", "selected": "SelectOption-module_selected__HOwTO" };
 
 // core/Select/SelectOption.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -522,7 +669,7 @@ function SelectOptionComponent({
   ...props
 }) {
   const { SCALES } = use_scale_default();
-  const { updateValue, value, disableAll } = useSelectContext();
+  const { updateValue, value, disableAll, activeValue, listId } = useSelectContext();
   const isDisabled = useMemo2(
     () => disabled || disableAll,
     [disabled, disableAll]
@@ -544,6 +691,7 @@ function SelectOptionComponent({
       [SelectOption_module_css_default.divider]: divider,
       [SelectOption_module_css_default.label]: label,
       [SelectOption_module_css_default.selected]: selected,
+      [SelectOption_module_css_default.active]: !preventAllEvents && !isLabel && activeValue === identValue,
       [SelectOption_module_css_default.disabled]: isDisabled
     },
     className
@@ -584,6 +732,10 @@ function SelectOptionComponent({
   return /* @__PURE__ */ jsx8(
     "div",
     {
+      role: preventAllEvents ? void 0 : isLabel ? "presentation" : "option",
+      id: preventAllEvents || isLabel ? void 0 : getOptionId(listId, identValue),
+      "aria-selected": preventAllEvents || isLabel ? void 0 : selected,
+      "aria-disabled": isDisabled && !isLabel ? true : void 0,
       className: classes,
       onClick: clickHandler,
       style: optionStyle,

package/esm/{chunk-ICACLCJR.js → chunk-37WTJMKT.js}

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

package/esm/chunk-3AAVWE5W.js

@@ -0,0 +1,41 @@
+// core/use-scroll-into-view/use-scroll-into-view.ts
+import { useCallback, useEffect, useRef } from "react";
+var ease = (t) => t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+var useScrollIntoView = ({
+  duration = 800,
+  offset = 0
+} = {}) => {
+  const targetRef = useRef(null);
+  const scrollableRef = useRef(null);
+  const frame = useRef(0);
+  const cancel = useCallback(() => cancelAnimationFrame(frame.current), []);
+  const scrollIntoView = useCallback(() => {
+    const target = targetRef.current;
+    if (!target) return;
+    cancel();
+    const container = scrollableRef.current;
+    const start = container ? container.scrollTop : window.scrollY;
+    const targetTop = target.getBoundingClientRect().top;
+    const containerTop = container ? container.getBoundingClientRect().top : 0;
+    const distance = targetTop - containerTop - offset;
+    const startTime = performance.now();
+    const step = (now) => {
+      const progress = Math.min((now - startTime) / duration, 1);
+      const value = start + distance * ease(progress);
+      if (container) container.scrollTop = value;
+      else window.scrollTo({ top: value });
+      if (progress < 1) frame.current = requestAnimationFrame(step);
+    };
+    frame.current = requestAnimationFrame(step);
+  }, [duration, offset, cancel]);
+  useEffect(() => cancel, [cancel]);
+  return { targetRef, scrollableRef, scrollIntoView, cancel };
+};
+var use_scroll_into_view_default = useScrollIntoView;
+
+// core/use-scroll-into-view/index.ts
+var use_scroll_into_view_default2 = use_scroll_into_view_default;
+
+export {
+  use_scroll_into_view_default2 as use_scroll_into_view_default
+};

package/esm/chunk-3BAUHI6F.js

@@ -0,0 +1,22 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+
+// core/use-page-leave/use-page-leave.ts
+import { useEffect } from "react";
+var usePageLeave = (onPageLeave) => {
+  const latest = use_latest_default(onPageLeave);
+  useEffect(() => {
+    const handler = () => latest.current();
+    document.documentElement.addEventListener("mouseleave", handler);
+    return () => document.documentElement.removeEventListener("mouseleave", handler);
+  }, [latest]);
+};
+var use_page_leave_default = usePageLeave;
+
+// core/use-page-leave/index.ts
+var use_page_leave_default2 = use_page_leave_default;
+
+export {
+  use_page_leave_default2 as use_page_leave_default
+};

package/esm/chunk-3LVOPXHK.js

@@ -0,0 +1,62 @@
+// core/use-floating-window/use-floating-window.ts
+import { useEffect, useRef, useState } from "react";
+var useFloatingWindow = ({
+  initialPosition = { x: 16, y: 16 }
+} = {}) => {
+  const ref = useRef(null);
+  const handleRef = useRef(null);
+  const [position, setPosition] = useState(initialPosition);
+  const [dragging, setDragging] = useState(false);
+  useEffect(() => {
+    const handle = handleRef.current;
+    const node = ref.current;
+    if (!handle || !node) return;
+    let offset = { x: 0, y: 0 };
+    const down = (event) => {
+      var _a;
+      const rect = node.getBoundingClientRect();
+      offset = { x: event.clientX - rect.left, y: event.clientY - rect.top };
+      (_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 maxX = window.innerWidth - node.offsetWidth;
+      const maxY = window.innerHeight - node.offsetHeight;
+      setPosition({
+        x: Math.min(Math.max(event.clientX - offset.x, 0), Math.max(maxX, 0)),
+        y: Math.min(Math.max(event.clientY - offset.y, 0), Math.max(maxY, 0))
+      });
+    };
+    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);
+    };
+  }, []);
+  return {
+    ref,
+    handleRef,
+    dragging,
+    style: { position: "fixed", left: position.x, top: position.y }
+  };
+};
+var use_floating_window_default = useFloatingWindow;
+
+// core/use-floating-window/index.ts
+var use_floating_window_default2 = use_floating_window_default;
+
+export {
+  use_floating_window_default2 as use_floating_window_default
+};

package/esm/{chunk-PG6T7LDC.js → chunk-3NHGML7P.js}

@@ -7,7 +7,7 @@ import {
 import {
   getVariantColors,
   isSemanticColorType
-} from "./chunk-GJZT47MP.js";
+} from "./chunk-Q4FDY7EJ.js";
 import {
   use_scale_default,
   with_scale_default
@@ -219,8 +219,10 @@ var SnippetComponent = React2.forwardRef(
         children: [
           isMultiLine ? text.map((t, index) => /* @__PURE__ */ jsx2("pre", { children: t }, `snippet-${index}-${t}`)) : /* @__PURE__ */ jsx2("pre", { ref: preRef, children: children || text }),
           showCopyIcon && /* @__PURE__ */ jsx2(
-            "div",
+            "button",
             {
+              type: "button",
+              "aria-label": "Copy",
               className: Snippet_module_css_default.copy,
               onClick: clickHandler,
               style: {

package/esm/chunk-3YUXMLBC.js

@@ -0,0 +1,14 @@
+import {
+  use_match_media_default
+} from "./chunk-DZHZXUII.js";
+
+// core/use-color-scheme/use-color-scheme.ts
+var useColorScheme = () => use_match_media_default("(prefers-color-scheme: dark)") ? "dark" : "light";
+var use_color_scheme_default = useColorScheme;
+
+// core/use-color-scheme/index.ts
+var use_color_scheme_default2 = use_color_scheme_default;
+
+export {
+  use_color_scheme_default2 as use_color_scheme_default
+};

package/esm/chunk-45Y5OGFM.js

@@ -0,0 +1,14 @@
+// core/utils/use-previous.ts
+import { useEffect, useRef } from "react";
+var usePrevious = (state) => {
+  const ref = useRef(null);
+  useEffect(() => {
+    ref.current = state;
+  });
+  return ref ? ref.current : null;
+};
+var use_previous_default = usePrevious;
+
+export {
+  use_previous_default
+};

package/esm/chunk-4MDP4MRA.js

@@ -0,0 +1,24 @@
+// core/use-viewport-size/use-viewport-size.ts
+import { useEffect, useState } from "react";
+var useViewportSize = () => {
+  const [size, setSize] = useState({ width: 0, height: 0 });
+  useEffect(() => {
+    const update = () => setSize({ width: window.innerWidth, height: window.innerHeight });
+    update();
+    window.addEventListener("resize", update);
+    window.addEventListener("orientationchange", update);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.removeEventListener("orientationchange", update);
+    };
+  }, []);
+  return size;
+};
+var use_viewport_size_default = useViewportSize;
+
+// core/use-viewport-size/index.ts
+var use_viewport_size_default2 = use_viewport_size_default;
+
+export {
+  use_viewport_size_default2 as use_viewport_size_default
+};