@bolio-ui/core 3.0.3 → 3.0.5

package/esm/Tooltip/index.js

@@ -1,11 +1,11 @@
 'use client';
 import {
   Tooltip_default
-} from "../chunk-IL7L3BEL.js";
+} from "../chunk-CINBZSC5.js";
 import "../chunk-V57PNXMD.js";
 import "../chunk-JJFOGZ6V.js";
 import "../chunk-LDTDMDE6.js";
-import "../chunk-BXDUHMWS.js";
+import "../chunk-S5PYSYVR.js";
 import "../chunk-ZRORQ2WH.js";
 import "../chunk-GJZT47MP.js";
 import "../chunk-DGXZP4VJ.js";

package/esm/Tour/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   Tour_default
-} from "../chunk-SJVWKNGY.js";
+} from "../chunk-A62SPU5Q.js";
 import "../chunk-AXYDJGTN.js";
-import "../chunk-BXDUHMWS.js";
+import "../chunk-S5PYSYVR.js";
 import "../chunk-ZRORQ2WH.js";
 import "../chunk-TPZUTHTQ.js";
 import "../chunk-BSDZWWUS.js";

package/esm/{chunk-Y432C24Z.js → chunk-5JLE7KAC.js}

@@ -1,6 +1,6 @@
 import {
   Tooltip_default
-} from "./chunk-IL7L3BEL.js";
+} from "./chunk-CINBZSC5.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

package/esm/{chunk-M64V32WO.js → chunk-7NJHU7YY.js}

@@ -1,6 +1,6 @@
 import {
   Modal_default
-} from "./chunk-CU6SNPIM.js";
+} from "./chunk-VTLQ3YLX.js";
 import {
   Input_default
 } from "./chunk-NEG5UNM6.js";

package/esm/{chunk-SJVWKNGY.js → chunk-A62SPU5Q.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AXYDJGTN.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

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

@@ -27,7 +27,7 @@ import React, {
 } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Mention/Mention.module.css.bolio-css-module-source
-var Mention_module_css_default = { "mention": "Mention-module_mention__R3-5t", "field": "Mention-module_field__U5FXf", "list": "Mention-module_list__QQ5RM", "empty": "Mention-module_empty__YkZOO", "option": "Mention-module_option__8CupI", "active": "Mention-module_active__8GmDl", "disabled": "Mention-module_disabled__4PL94" };
+var Mention_module_css_default = { "mention": "Mention-module_mention__R3-5t", "field": "Mention-module_field__U5FXf", "list": "Mention-module_list__QQ5RM", "empty": "Mention-module_empty__YkZOO", "option": "Mention-module_option__8CupI", "active": "Mention-module_active__8GmDl", "disabled": "Mention-module_disabled__4PL94", "srOnly": "Mention-module_srOnly__AuP1L" };
 
 // core/Mention/Mention.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -231,7 +231,8 @@ var MentionComponent = React.forwardRef(
             },
             option.value
           )) }),
-          open && visible.length === 0 && /* @__PURE__ */ jsx("div", { className: Mention_module_css_default.empty, children: emptyText })
+          open && visible.length === 0 && /* @__PURE__ */ jsx("div", { className: Mention_module_css_default.empty, children: emptyText }),
+          /* @__PURE__ */ jsx("div", { role: "status", className: Mention_module_css_default.srOnly, children: expanded ? `${visible.length} result${visible.length === 1 ? "" : "s"} available` : "" })
         ]
       }
     );

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AXYDJGTN.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

package/esm/{chunk-IL7L3BEL.js → chunk-CINBZSC5.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-LDTDMDE6.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

package/esm/{chunk-FLUNRVVG.js → chunk-F6VL2XEN.js}

@@ -1,6 +1,6 @@
 import {
   dropdown_default
-} from "./chunk-WCTANCLG.js";
+} from "./chunk-ROBEGHM5.js";
 import {
   use_click_away_default
 } from "./chunk-DGXZP4VJ.js";

package/esm/{chunk-DYYSUJ35.js → chunk-IO52KTWP.js}

@@ -1,6 +1,6 @@
 import {
   Menu_default
-} from "./chunk-FLUNRVVG.js";
+} from "./chunk-F6VL2XEN.js";
 import {
   with_scale_default
 } from "./chunk-MAICNLTY.js";

package/esm/{chunk-XUNC7RB7.js → chunk-M4EFMVFG.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-KBZEYKCZ.js";
 import {
   dropdown_default
-} from "./chunk-WCTANCLG.js";
+} from "./chunk-ROBEGHM5.js";
 import {
   log_warning_default
 } from "./chunk-AXYDJGTN.js";

package/esm/{chunk-6ASDJ72V.js → chunk-NSXQR57Q.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-LDTDMDE6.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

package/esm/{chunk-CGEUUDJ4.js → chunk-PG6T7LDC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-NCUSKYUE.js";
 import {
   use_clipboard_default
-} from "./chunk-C3ZZPIUO.js";
+} from "./chunk-C3PVEUSC.js";
 import {
   getVariantColors,
   isSemanticColorType

package/esm/{chunk-WCTANCLG.js → chunk-ROBEGHM5.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-LDTDMDE6.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";

package/esm/{chunk-BXDUHMWS.js → chunk-S5PYSYVR.js}

@@ -2,12 +2,11 @@ import {
   use_latest_default
 } from "./chunk-ZRORQ2WH.js";
 import {
-  getId,
   isBrowser
 } from "./chunk-UX2B3G6U.js";
 
 // core/utils/use-portal.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect2, useId, useState as useState2 } from "react";
 
 // core/utils/use-ssr.ts
 import { useEffect, useState } from "react";
@@ -30,7 +29,7 @@ var createElement = (id) => {
   return el;
 };
 var usePortal = (selectId, getContainer) => {
-  const [generatedId] = useState2(getId);
+  const generatedId = useId();
   const id = `bolio-ui-${selectId != null ? selectId : generatedId}`;
   const { isBrowser: isBrowser2 } = use_ssr_default();
   const [elSnapshot, setElSnapshot] = useState2(
@@ -41,7 +40,7 @@ var usePortal = (selectId, getContainer) => {
     const getContainer2 = getContainerRef.current;
     const customContainer = getContainer2 ? getContainer2() : null;
     const parentElement = customContainer || document.body;
-    const hasElement = parentElement.querySelector(`#${id}`);
+    const hasElement = parentElement.querySelector(`[id="${id}"]`);
     const el = hasElement || createElement(id);
     if (!hasElement) {
       parentElement.appendChild(el);

package/esm/{chunk-XKJDF225.js → chunk-TWT6F7A7.js}

@@ -11,6 +11,9 @@ import {
   use_scale_default,
   with_scale_default
 } from "./chunk-MAICNLTY.js";
+import {
+  isChildElement
+} from "./chunk-UX2B3G6U.js";
 import {
   use_theme_default
 } from "./chunk-V5I4ORQQ.js";
@@ -206,9 +209,26 @@ BackdropComponent.displayName = "BolioUIBackdrop";
 var Backdrop = React2.memo(BackdropComponent);
 var backdrop_default = Backdrop;
 
+// core/utils/use-dialog-focus.ts
+import { useEffect } from "react";
+var useDialogFocus = (visible, dialog) => {
+  useEffect(() => {
+    var _a;
+    if (!visible) return;
+    const active = document.activeElement;
+    if (isChildElement(dialog.current, active)) return;
+    (_a = dialog.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    return () => {
+      if (active == null ? void 0 : active.isConnected) active.focus({ preventScroll: true });
+    };
+  }, [visible, dialog]);
+};
+var use_dialog_focus_default = useDialogFocus;
+
 export {
   use_body_scroll_default2 as use_body_scroll_default,
   backdrop_default,
+  use_dialog_focus_default,
   ModalContext,
   useModalContext,
   ModalTitle_default,

package/esm/{chunk-CU6SNPIM.js → chunk-VTLQ3YLX.js}

@@ -5,8 +5,9 @@ import {
   ModalTitle_default,
   backdrop_default,
   useModalContext,
-  use_body_scroll_default
-} from "./chunk-XKJDF225.js";
+  use_body_scroll_default,
+  use_dialog_focus_default
+} from "./chunk-TWT6F7A7.js";
 import {
   use_keyboard_default
 } from "./chunk-F3AL4TQZ.js";
@@ -15,7 +16,7 @@ import {
 } from "./chunk-LDTDMDE6.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   Button_default
 } from "./chunk-TPZUTHTQ.js";
@@ -28,7 +29,6 @@ import {
 } from "./chunk-MAICNLTY.js";
 import {
   hasChild,
-  isChildElement,
   pickChild
 } from "./chunk-UX2B3G6U.js";
 import {
@@ -41,7 +41,7 @@ import {
 // core/Modal/Modal.tsx
 import React4, {
   useCallback,
-  useEffect as useEffect3,
+  useEffect as useEffect2,
   useId,
   useMemo as useMemo2,
   useState as useState2
@@ -49,7 +49,7 @@ import React4, {
 import { createPortal } from "react-dom";
 
 // core/Modal/ModalWrapper.tsx
-import React, { useEffect, useImperativeHandle, useRef } from "react";
+import React, { useImperativeHandle, useRef } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Modal/ModalWrapper.module.css.bolio-css-module-source
 var ModalWrapper_module_css_default = { "wrapper": "ModalWrapper-module_wrapper__DGcJw", "hideTab": "ModalWrapper-module_hideTab__PCR9O" };
@@ -63,19 +63,13 @@ var ModalWrapper = React.forwardRef(({ className = "", children, visible = false
   useImperativeHandle(ref, () => modalContent.current);
   const tabStart = useRef(null);
   const tabEnd = useRef(null);
-  useEffect(() => {
-    if (!visible) return;
-    const activeElement = document.activeElement;
-    const isChild = isChildElement(modalContent.current, activeElement);
-    if (isChild) return;
-    if (tabStart.current) tabStart.current.focus();
-  }, [visible]);
+  use_dialog_focus_default(visible, modalContent);
   const onKeyDown = (event) => {
     const isTabDown = event.keyCode === 9;
     if (!visible || !isTabDown) return;
     const activeElement = document.activeElement;
     if (event.shiftKey) {
-      if (activeElement === tabStart.current) {
+      if (activeElement === tabStart.current || activeElement === modalContent.current) {
         if (tabEnd.current) tabEnd.current.focus();
       }
     } else {
@@ -211,7 +205,7 @@ var ModalAction = with_scale_default(ModalActionComponent);
 var ModalAction_default = ModalAction;
 
 // core/Modal/ModalActions.tsx
-import React3, { useEffect as useEffect2, useRef as useRef3, useState } from "react";
+import React3, { useEffect, useRef as useRef3, useState } from "react";
 
 // css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Modal/ModalActions.module.css.bolio-css-module-source
 var ModalActions_module_css_default = { "footer": "ModalActions-module_footer__gDr-2", "spacer": "ModalActions-module_spacer__zek5w" };
@@ -226,7 +220,7 @@ var ModalActionsComponent = ({
   const ref = useRef3(null);
   const border = theme.type === "dark" ? theme.palette.accents_4 : theme.palette.border;
   const [height, setHeight] = useState("auto");
-  useEffect2(() => {
+  useEffect(() => {
     if (!ref.current) return;
     setHeight(`${ref.current.clientHeight}px`);
   }, [ref]);
@@ -289,7 +283,7 @@ var ModalComponent = React4.forwardRef(
       setVisible(false);
       setBodyHidden(false);
     }, [onClose, setBodyHidden]);
-    useEffect3(() => {
+    useEffect2(() => {
       if (typeof customVisible === "undefined") return;
       setVisible(customVisible);
       setBodyHidden(customVisible);

package/esm/{chunk-25NFUHLR.js → chunk-ZGGVVMSG.js}

@@ -1,10 +1,12 @@
 import {
   ModalContent_default,
+  ModalContext,
   ModalSubtitle_default,
   ModalTitle_default,
   backdrop_default,
-  use_body_scroll_default
-} from "./chunk-XKJDF225.js";
+  use_body_scroll_default,
+  use_dialog_focus_default
+} from "./chunk-TWT6F7A7.js";
 import {
   use_keyboard_default
 } from "./chunk-F3AL4TQZ.js";
@@ -13,7 +15,7 @@ import {
 } from "./chunk-LDTDMDE6.js";
 import {
   use_portal_default
-} from "./chunk-BXDUHMWS.js";
+} from "./chunk-S5PYSYVR.js";
 import {
   getSurface
 } from "./chunk-EUYSKHRS.js";
@@ -22,7 +24,7 @@ import {
   with_scale_default
 } from "./chunk-MAICNLTY.js";
 import {
-  isChildElement
+  hasChild
 } from "./chunk-UX2B3G6U.js";
 import {
   use_theme_default
@@ -32,11 +34,11 @@ import {
 } from "./chunk-5KUROAEP.js";
 
 // core/Drawer/Drawer.tsx
-import React2, { useEffect as useEffect2, useState } from "react";
+import React2, { useEffect, useId, useMemo as useMemo2, useState } from "react";
 import { createPortal } from "react-dom";
 
 // core/Drawer/DrawerWrapper.tsx
-import React, { useEffect, useImperativeHandle, useMemo, useRef } from "react";
+import React, { useImperativeHandle, useMemo, useRef } from "react";
 
 // core/Drawer/helper.ts
 var getDrawerTransform = (placement) => {
@@ -108,19 +110,13 @@ var DrawerWrapper = React.forwardRef(({ className = "", children, visible = fals
     "--drawer-wrapper-transform-hidden": transform.hidden,
     "--drawer-wrapper-transform-visible": transform.visible
   };
-  useEffect(() => {
-    if (!visible) return;
-    const activeElement = document.activeElement;
-    const isChild = isChildElement(modalContent.current, activeElement);
-    if (isChild) return;
-    if (tabStart.current) tabStart.current.focus();
-  }, [visible]);
+  use_dialog_focus_default(visible, modalContent);
   const onKeyDown = (event) => {
     const isTabDown = event.keyCode === 9;
     if (!visible || !isTabDown) return;
     const activeElement = document.activeElement;
     if (event.shiftKey) {
-      if (activeElement === tabStart.current) {
+      if (activeElement === tabStart.current || activeElement === modalContent.current) {
         if (tabEnd.current) tabEnd.current.focus();
       }
     } else {
@@ -179,9 +175,14 @@ var DrawerComponent = React2.forwardRef(
     placement,
     onClose,
     onContentClick,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
     ...props
   }, ref) => {
     const portal = use_portal_default("drawer");
+    const baseId = useId();
+    const titleId = `${baseId}-title`;
+    const descriptionId = `${baseId}-description`;
     const [visible, setVisible] = useState(false);
     const [, setBodyHidden] = use_body_scroll_default(null, { delayReset: 300 });
     const closeDrawer = () => {
@@ -189,7 +190,7 @@ var DrawerComponent = React2.forwardRef(
       setVisible(false);
       setBodyHidden(false);
     };
-    useEffect2(() => {
+    useEffect(() => {
       if (typeof customVisible === "undefined") return;
       setVisible(customVisible);
       setBodyHidden(customVisible);
@@ -207,9 +208,13 @@ var DrawerComponent = React2.forwardRef(
       if (disableBackdropClick) return;
       closeDrawer();
     };
+    const modalConfig = useMemo2(
+      () => ({ titleId, descriptionId }),
+      [titleId, descriptionId]
+    );
     if (!portal) return null;
     return createPortal(
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx2(ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ jsx2(
         backdrop_default,
         {
           onClick: closeFromBackdrop,
@@ -224,12 +229,14 @@ var DrawerComponent = React2.forwardRef(
               visible,
               className: wrapClassName,
               placement,
+              "aria-labelledby": ariaLabelledby || (hasChild(children, ModalTitle_default) ? titleId : void 0),
+              "aria-describedby": ariaDescribedby || (hasChild(children, ModalSubtitle_default) ? descriptionId : void 0),
               ...props,
               children
             }
           )
         }
-      ),
+      ) }),
       portal
     );
   }

package/esm/css/Mention.css

@@ -90,4 +90,16 @@
   color: var(--mention-empty-color);
 }
 
+.Mention-module_srOnly__AuP1L {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 }

package/esm/css/NumberInput.css

@@ -61,8 +61,9 @@
   padding: 0;
   font: inherit;
   color: var(--control-color);
-  background-color: none;
+  background-color: transparent;
   border: 0;
+  border-radius: calc(var(--input-radius) - 1px);
   appearance: none;
   -webkit-appearance: none;
   cursor: pointer;
@@ -72,6 +73,14 @@
   color: var(--control-hover-color);
 }
 
+.NumberInput-module_control__mog-- svg {
+  transition: transform 0.1s ease;
+}
+
+.NumberInput-module_control__mog--:active:not(:disabled) svg {
+  transform: scale(0.8);
+}
+
 .NumberInput-module_control__mog--:disabled {
   color: var(--control-disabled-color);
   cursor: not-allowed;

package/esm/index.js

@@ -31,7 +31,7 @@ import {
 } from "./chunk-Q3I54DUS.js";
 import {
   Tour_default
-} from "./chunk-SJVWKNGY.js";
+} from "./chunk-A62SPU5Q.js";
 import {
   Spinner_default
 } from "./chunk-TZ7TOEP3.js";
@@ -68,7 +68,7 @@ import {
 } from "./chunk-2A4BSQ66.js";
 import {
   Select_default
-} from "./chunk-XUNC7RB7.js";
+} from "./chunk-M4EFMVFG.js";
 import {
   Skeleton_default
 } from "./chunk-67WAS5AY.js";
@@ -77,13 +77,13 @@ import {
 } from "./chunk-IUZV5Y27.js";
 import {
   Snippet_default
-} from "./chunk-CGEUUDJ4.js";
+} from "./chunk-PG6T7LDC.js";
 import {
   use_toasts_default
 } from "./chunk-NCUSKYUE.js";
 import {
   use_clipboard_default
-} from "./chunk-C3ZZPIUO.js";
+} from "./chunk-C3PVEUSC.js";
 import {
   Spacer_default
 } from "./chunk-QCE3XFHZ.js";
@@ -101,10 +101,10 @@ import {
 } from "./chunk-X4TPC7HS.js";
 import {
   Popover_default
-} from "./chunk-Y432C24Z.js";
+} from "./chunk-5JLE7KAC.js";
 import {
   Tooltip_default
-} from "./chunk-IL7L3BEL.js";
+} from "./chunk-CINBZSC5.js";
 import {
   Progress_default
 } from "./chunk-NLJHFKAN.js";
@@ -119,7 +119,7 @@ import {
 } from "./chunk-TJUNBMNF.js";
 import {
   Mention_default
-} from "./chunk-FSO65ZAH.js";
+} from "./chunk-BXEBNLJ4.js";
 import {
   Note_default
 } from "./chunk-CGS2MT3G.js";
@@ -164,7 +164,7 @@ import {
 } from "./chunk-7N7PEBRB.js";
 import {
   Drawer_default
-} from "./chunk-25NFUHLR.js";
+} from "./chunk-ZGGVVMSG.js";
 import {
   Col_default
 } from "./chunk-RZSTPJ76.js";
@@ -183,17 +183,17 @@ import {
 } from "./chunk-KRSISARC.js";
 import {
   Command_default
-} from "./chunk-M64V32WO.js";
+} from "./chunk-7NJHU7YY.js";
 import {
   Modal_default
-} from "./chunk-CU6SNPIM.js";
+} from "./chunk-VTLQ3YLX.js";
 import {
   Input_default
 } from "./chunk-NEG5UNM6.js";
 import {
   Textarea_default
 } from "./chunk-ISLUC2SD.js";
-import "./chunk-XKJDF225.js";
+import "./chunk-TWT6F7A7.js";
 import {
   KeyCode,
   KeyMod,
@@ -209,11 +209,11 @@ import {
 } from "./chunk-GJ77XHZ3.js";
 import {
   ContextMenu_default
-} from "./chunk-DYYSUJ35.js";
+} from "./chunk-IO52KTWP.js";
 import {
   Menu_default
-} from "./chunk-FLUNRVVG.js";
-import "./chunk-WCTANCLG.js";
+} from "./chunk-F6VL2XEN.js";
+import "./chunk-ROBEGHM5.js";
 import {
   useRect
 } from "./chunk-DSX6YDJM.js";
@@ -260,7 +260,7 @@ import {
 } from "./chunk-RD4CEB5S.js";
 import {
   BolioUIProvider_default
-} from "./chunk-6ASDJ72V.js";
+} from "./chunk-NSXQR57Q.js";
 import "./chunk-5HRVN7L7.js";
 import "./chunk-A3BIV2QM.js";
 import "./chunk-33BUV2RX.js";
@@ -268,7 +268,7 @@ import {
   use_current_state_default
 } from "./chunk-GGD4BGH2.js";
 import "./chunk-LDTDMDE6.js";
-import "./chunk-BXDUHMWS.js";
+import "./chunk-S5PYSYVR.js";
 import "./chunk-ZRORQ2WH.js";
 import {
   Breadcrumbs_default

package/esm/styles.css

@@ -3175,6 +3175,18 @@ body:has(.ImageZoom-module_dialog__TjA9E[open]) {
   color: var(--mention-empty-color);
 }
 
+.Mention-module_srOnly__AuP1L {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 }
 
 @layer Menu {
@@ -3507,8 +3519,9 @@ body:has(.ImageZoom-module_dialog__TjA9E[open]) {
   padding: 0;
   font: inherit;
   color: var(--control-color);
-  background-color: none;
+  background-color: transparent;
   border: 0;
+  border-radius: calc(var(--input-radius) - 1px);
   appearance: none;
   -webkit-appearance: none;
   cursor: pointer;
@@ -3518,6 +3531,14 @@ body:has(.ImageZoom-module_dialog__TjA9E[open]) {
   color: var(--control-hover-color);
 }
 
+.NumberInput-module_control__mog-- svg {
+  transition: transform 0.1s ease;
+}
+
+.NumberInput-module_control__mog--:active:not(:disabled) svg {
+  transform: scale(0.8);
+}
+
 .NumberInput-module_control__mog--:disabled {
   color: var(--control-disabled-color);
   cursor: not-allowed;

package/esm/use-clipboard/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   use_clipboard_default
-} from "../chunk-C3ZZPIUO.js";
+} from "../chunk-C3PVEUSC.js";
 import "../chunk-AXYDJGTN.js";
-import "../chunk-BXDUHMWS.js";
+import "../chunk-S5PYSYVR.js";
 import "../chunk-ZRORQ2WH.js";
 import "../chunk-UX2B3G6U.js";
 export {

package/esm/utils/use-dialog-focus.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useDialogFocus: (visible: boolean, dialog: RefObject<HTMLElement | null>) => void;
+export default useDialogFocus;