@bolio-ui/core 3.0.2 → 3.0.4

package/dist/Command/index.js

@@ -1,11 +1,11 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkM64V32WOjs = require('../chunk-M64V32WO.js');
-require('../chunk-CU6SNPIM.js');
+var _chunkBUB6MDGJjs = require('../chunk-BUB6MDGJ.js');
+require('../chunk-DAPM4M4A.js');
 require('../chunk-NEG5UNM6.js');
 require('../chunk-ISLUC2SD.js');
-require('../chunk-XKJDF225.js');
+require('../chunk-TWT6F7A7.js');
 require('../chunk-F3AL4TQZ.js');
 require('../chunk-O3RTRCY5.js');
 require('../chunk-UOGCO6CV.js');
@@ -31,4 +31,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkM64V32WOjs.Command_default;
+exports.default = _chunkBUB6MDGJjs.Command_default;

package/dist/Drawer/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk25NFUHLRjs = require('../chunk-25NFUHLR.js');
-require('../chunk-XKJDF225.js');
+var _chunk4DSLA5LJjs = require('../chunk-4DSLA5LJ.js');
+require('../chunk-TWT6F7A7.js');
 require('../chunk-F3AL4TQZ.js');
 require('../chunk-O3RTRCY5.js');
 require('../chunk-33BUV2RX.js');
@@ -20,4 +20,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunk25NFUHLRjs.Drawer_default;
+exports.default = _chunk4DSLA5LJjs.Drawer_default;

package/dist/Mention/index.js

@@ -1,7 +1,7 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFSO65ZAHjs = require('../chunk-FSO65ZAH.js');
+var _chunkBXEBNLJ4js = require('../chunk-BXEBNLJ4.js');
 require('../chunk-KBZEYKCZ.js');
 require('../chunk-GJZT47MP.js');
 require('../chunk-EUYSKHRS.js');
@@ -14,4 +14,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkFSO65ZAHjs.Mention_default;
+exports.default = _chunkBXEBNLJ4js.Mention_default;

package/dist/Modal/index.js

@@ -1,8 +1,8 @@
 'use client';
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCU6SNPIMjs = require('../chunk-CU6SNPIM.js');
-require('../chunk-XKJDF225.js');
+var _chunkDAPM4M4Ajs = require('../chunk-DAPM4M4A.js');
+require('../chunk-TWT6F7A7.js');
 require('../chunk-F3AL4TQZ.js');
 require('../chunk-O3RTRCY5.js');
 require('../chunk-33BUV2RX.js');
@@ -26,4 +26,4 @@ require('../chunk-SZIX7BM5.js');
 require('../chunk-5KUROAEP.js');
 
 
-exports.default = _chunkCU6SNPIMjs.Modal_default;
+exports.default = _chunkDAPM4M4Ajs.Modal_default;

package/dist/{chunk-25NFUHLR.js → chunk-4DSLA5LJ.js}

@@ -4,7 +4,9 @@
 
 
 
-var _chunkXKJDF225js = require('./chunk-XKJDF225.js');
+
+
+var _chunkTWT6F7A7js = require('./chunk-TWT6F7A7.js');
 
 
 var _chunkF3AL4TQZjs = require('./chunk-F3AL4TQZ.js');
@@ -108,19 +110,13 @@ var DrawerWrapper = _react2.default.forwardRef(({ className = "", children, visi
     "--drawer-wrapper-transform-hidden": transform.hidden,
     "--drawer-wrapper-transform-visible": transform.visible
   };
-  _react.useEffect.call(void 0, () => {
-    if (!visible) return;
-    const activeElement = document.activeElement;
-    const isChild = _chunkUX2B3G6Ujs.isChildElement.call(void 0, modalContent.current, activeElement);
-    if (isChild) return;
-    if (tabStart.current) tabStart.current.focus();
-  }, [visible]);
+  _chunkTWT6F7A7js.use_dialog_focus_default.call(void 0, 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,11 +175,16 @@ var DrawerComponent = _react2.default.forwardRef(
     placement,
     onClose,
     onContentClick,
+    "aria-labelledby": ariaLabelledby,
+    "aria-describedby": ariaDescribedby,
     ...props
   }, ref) => {
     const portal = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "drawer");
+    const baseId = _react.useId.call(void 0, );
+    const titleId = `${baseId}-title`;
+    const descriptionId = `${baseId}-description`;
     const [visible, setVisible] = _react.useState.call(void 0, false);
-    const [, setBodyHidden] = _chunkXKJDF225js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
+    const [, setBodyHidden] = _chunkTWT6F7A7js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
     const closeDrawer = () => {
       if (onClose) onClose();
       setVisible(false);
@@ -207,10 +208,14 @@ var DrawerComponent = _react2.default.forwardRef(
       if (disableBackdropClick) return;
       closeDrawer();
     };
+    const modalConfig = _react.useMemo.call(void 0, 
+      () => ({ titleId, descriptionId }),
+      [titleId, descriptionId]
+    );
     if (!portal) return null;
     return _reactdom.createPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXKJDF225js.backdrop_default,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTWT6F7A7js.ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTWT6F7A7js.backdrop_default,
         {
           onClick: closeFromBackdrop,
           onContentClick,
@@ -224,12 +229,14 @@ var DrawerComponent = _react2.default.forwardRef(
               visible,
               className: wrapClassName,
               placement,
+              "aria-labelledby": ariaLabelledby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTWT6F7A7js.ModalTitle_default) ? titleId : void 0),
+              "aria-describedby": ariaDescribedby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTWT6F7A7js.ModalSubtitle_default) ? descriptionId : void 0),
               ...props,
               children
             }
           )
         }
-      ),
+      ) }),
       portal
     );
   }
@@ -239,9 +246,9 @@ var Drawer = _chunkMAICNLTYjs.with_scale_default.call(void 0, DrawerComponent);
 var Drawer_default = Drawer;
 
 // core/Drawer/index.ts
-Drawer_default.Title = _chunkXKJDF225js.ModalTitle_default;
-Drawer_default.Subtitle = _chunkXKJDF225js.ModalSubtitle_default;
-Drawer_default.Content = _chunkXKJDF225js.ModalContent_default;
+Drawer_default.Title = _chunkTWT6F7A7js.ModalTitle_default;
+Drawer_default.Subtitle = _chunkTWT6F7A7js.ModalSubtitle_default;
+Drawer_default.Content = _chunkTWT6F7A7js.ModalContent_default;
 var Drawer_default2 = Drawer_default;
 
 

package/dist/{chunk-M64V32WO.js → chunk-BUB6MDGJ.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCU6SNPIMjs = require('./chunk-CU6SNPIM.js');
+var _chunkDAPM4M4Ajs = require('./chunk-DAPM4M4A.js');
 
 
 var _chunkNEG5UNM6js = require('./chunk-NEG5UNM6.js');
@@ -60,7 +60,7 @@ var Command = ({
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCU6SNPIMjs.Modal_default,
+    _chunkDAPM4M4Ajs.Modal_default,
     {
       visible,
       onClose,

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

@@ -27,7 +27,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/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
 var _jsxruntime = require('react/jsx-runtime');
@@ -231,7 +231,8 @@ var MentionComponent = _react2.default.forwardRef(
             },
             option.value
           )) }),
-          open && visible.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Mention_module_css_default.empty, children: emptyText })
+          open && visible.length === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Mention_module_css_default.empty, children: emptyText }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { role: "status", className: Mention_module_css_default.srOnly, children: expanded ? `${visible.length} result${visible.length === 1 ? "" : "s"} available` : "" })
         ]
       }
     );

package/dist/{chunk-CU6SNPIM.js → chunk-DAPM4M4A.js}

@@ -6,7 +6,8 @@
 
 
 
-var _chunkXKJDF225js = require('./chunk-XKJDF225.js');
+
+var _chunkTWT6F7A7js = require('./chunk-TWT6F7A7.js');
 
 
 var _chunkF3AL4TQZjs = require('./chunk-F3AL4TQZ.js');
@@ -29,7 +30,6 @@ var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
 
 
 
-
 var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
 
 
@@ -63,19 +63,13 @@ var ModalWrapper = _react2.default.forwardRef(({ className = "", children, visib
   _react.useImperativeHandle.call(void 0, ref, () => modalContent.current);
   const tabStart = _react.useRef.call(void 0, null);
   const tabEnd = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    if (!visible) return;
-    const activeElement = document.activeElement;
-    const isChild = _chunkUX2B3G6Ujs.isChildElement.call(void 0, modalContent.current, activeElement);
-    if (isChild) return;
-    if (tabStart.current) tabStart.current.focus();
-  }, [visible]);
+  _chunkTWT6F7A7js.use_dialog_focus_default.call(void 0, 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 {
@@ -155,7 +149,7 @@ var ModalActionComponent = _react2.default.forwardRef(function({
   const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
   const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
   const btnRef = _react.useRef.call(void 0, null);
-  const { close } = _chunkXKJDF225js.useModalContext.call(void 0, );
+  const { close } = _chunkTWT6F7A7js.useModalContext.call(void 0, );
   _react.useImperativeHandle.call(void 0, ref, () => btnRef.current);
   const clickHandler = (event) => {
     if (disabled) return;
@@ -277,7 +271,7 @@ var ModalComponent = _react2.default.forwardRef(
     const titleId = `${baseId}-title`;
     const descriptionId = `${baseId}-description`;
     const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
-    const [, setBodyHidden] = _chunkXKJDF225js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
+    const [, setBodyHidden] = _chunkTWT6F7A7js.use_body_scroll_default.call(void 0, null, { delayReset: 300 });
     const [visible, setVisible] = _react.useState.call(void 0, false);
     const [withoutActionsChildren, ActionsChildren] = _chunkUX2B3G6Ujs.pickChild.call(void 0, 
       children,
@@ -317,8 +311,8 @@ var ModalComponent = _react2.default.forwardRef(
     );
     if (!portal) return null;
     return _reactdom.createPortal.call(void 0, 
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXKJDF225js.ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXKJDF225js.backdrop_default,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTWT6F7A7js.ModalContext.Provider, { value: modalConfig, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkTWT6F7A7js.backdrop_default,
         {
           onClick: closeFromBackdrop,
           onContentClick,
@@ -336,8 +330,8 @@ var ModalComponent = _react2.default.forwardRef(
               className: wrapClassName,
               role,
               "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkXKJDF225js.ModalTitle_default) ? titleId : void 0),
-              "aria-describedby": ariaDescribedby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkXKJDF225js.ModalSubtitle_default) ? descriptionId : void 0),
+              "aria-labelledby": ariaLabelledby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTWT6F7A7js.ModalTitle_default) ? titleId : void 0),
+              "aria-describedby": ariaDescribedby || (_chunkUX2B3G6Ujs.hasChild.call(void 0, children, _chunkTWT6F7A7js.ModalSubtitle_default) ? descriptionId : void 0),
               children: [
                 withoutActionsChildren,
                 hasActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalActions_default, { children: ActionsChildren })
@@ -355,9 +349,9 @@ var Modal = _chunkMAICNLTYjs.with_scale_default.call(void 0, ModalComponent);
 var Modal_default = Modal;
 
 // core/Modal/index.ts
-Modal_default.Title = _chunkXKJDF225js.ModalTitle_default;
-Modal_default.Subtitle = _chunkXKJDF225js.ModalSubtitle_default;
-Modal_default.Content = _chunkXKJDF225js.ModalContent_default;
+Modal_default.Title = _chunkTWT6F7A7js.ModalTitle_default;
+Modal_default.Subtitle = _chunkTWT6F7A7js.ModalSubtitle_default;
+Modal_default.Content = _chunkTWT6F7A7js.ModalContent_default;
 Modal_default.Action = ModalAction_default;
 var Modal_default2 = Modal_default;
 

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

@@ -13,6 +13,9 @@ var _chunkLDTDMDE6js = require('./chunk-LDTDMDE6.js');
 var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
 
 
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
 var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
 
 
@@ -206,6 +209,23 @@ BackdropComponent.displayName = "BolioUIBackdrop";
 var Backdrop = _react2.default.memo(BackdropComponent);
 var backdrop_default = Backdrop;
 
+// core/utils/use-dialog-focus.ts
+
+var useDialogFocus = (visible, dialog) => {
+  _react.useEffect.call(void 0, () => {
+    var _a;
+    if (!visible) return;
+    const active = document.activeElement;
+    if (_chunkUX2B3G6Ujs.isChildElement.call(void 0, 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;
+
+
 
 
 
@@ -214,4 +234,4 @@ var backdrop_default = Backdrop;
 
 
 
-exports.use_body_scroll_default = use_body_scroll_default2; exports.backdrop_default = backdrop_default; exports.ModalContext = ModalContext; exports.useModalContext = useModalContext; exports.ModalTitle_default = ModalTitle_default; exports.ModalSubtitle_default = ModalSubtitle_default; exports.ModalContent_default = ModalContent_default;
+exports.use_body_scroll_default = use_body_scroll_default2; exports.backdrop_default = backdrop_default; exports.use_dialog_focus_default = use_dialog_focus_default; exports.ModalContext = ModalContext; exports.useModalContext = useModalContext; exports.ModalTitle_default = ModalTitle_default; exports.ModalSubtitle_default = ModalSubtitle_default; exports.ModalContent_default = ModalContent_default;

package/dist/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/dist/index.js

@@ -119,7 +119,7 @@ var _chunkOAMGJMK4js = require('./chunk-OAMGJMK4.js');
 var _chunkTJUNBMNFjs = require('./chunk-TJUNBMNF.js');
 
 
-var _chunkFSO65ZAHjs = require('./chunk-FSO65ZAH.js');
+var _chunkBXEBNLJ4js = require('./chunk-BXEBNLJ4.js');
 
 
 var _chunkCGS2MT3Gjs = require('./chunk-CGS2MT3G.js');
@@ -164,7 +164,7 @@ var _chunkD7CNDAYBjs = require('./chunk-D7CNDAYB.js');
 var _chunk7N7PEBRBjs = require('./chunk-7N7PEBRB.js');
 
 
-var _chunk25NFUHLRjs = require('./chunk-25NFUHLR.js');
+var _chunk4DSLA5LJjs = require('./chunk-4DSLA5LJ.js');
 
 
 var _chunkRZSTPJ76js = require('./chunk-RZSTPJ76.js');
@@ -183,17 +183,17 @@ var _chunkOKZRHSSGjs = require('./chunk-OKZRHSSG.js');
 var _chunkKRSISARCjs = require('./chunk-KRSISARC.js');
 
 
-var _chunkM64V32WOjs = require('./chunk-M64V32WO.js');
+var _chunkBUB6MDGJjs = require('./chunk-BUB6MDGJ.js');
 
 
-var _chunkCU6SNPIMjs = require('./chunk-CU6SNPIM.js');
+var _chunkDAPM4M4Ajs = require('./chunk-DAPM4M4A.js');
 
 
 var _chunkNEG5UNM6js = require('./chunk-NEG5UNM6.js');
 
 
 var _chunkISLUC2SDjs = require('./chunk-ISLUC2SD.js');
-require('./chunk-XKJDF225.js');
+require('./chunk-TWT6F7A7.js');
 
 
 
@@ -413,4 +413,4 @@ var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
 
 
 
-exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider = _chunk6ASDJ72Vjs.BolioUIProvider_default; exports.Breadcrumbs = _chunkEEZG4FGYjs.Breadcrumbs_default; exports.Button = _chunkTPZUTHTQjs.Button_default; exports.ButtonDropdown = _chunkRWRFOGCUjs.ButtonDropdown_default; exports.ButtonGroup = _chunkXWRDUQKYjs.ButtonGroup_default; exports.Calendar = _chunkTLVSZCKUjs.Calendar_default; exports.Capacity = _chunkHK6XCH2Cjs.Capacity_default; exports.Card = _chunk56NE4QGRjs.Card_default; exports.Carousel = _chunkMDSRXACMjs.Carousel_default; exports.Checkbox = _chunkEAHIBHMIjs.Checkbox_default; exports.Chip = _chunkFQWH4PDKjs.Chip_default; exports.Code = _chunkA2NLRQ55js.Code_default; exports.Col = _chunkRZSTPJ76js.Col_default; exports.Collapse = _chunkWFGUAR7Kjs.Collapse_default; exports.ColorInput = _chunkDEMQXB46js.ColorInput_default; exports.ColorPicker = _chunkOKZRHSSGjs.ColorPicker_default; exports.Combobox = _chunkKRSISARCjs.Combobox_default; exports.Command = _chunkM64V32WOjs.Command_default; exports.Container = _chunkGJ77XHZ3js.Container_default; exports.ContextMenu = _chunkDYYSUJ35js.ContextMenu_default; exports.CssBaseline = _chunk5BESEB77js.CssBaseline_default; exports.DatePicker = _chunkICACLCJRjs.DatePicker_default; exports.DateRangePicker = _chunkYLLPYRJHjs.DateRangePicker_default; exports.Description = _chunkSDC2VF5Kjs.Description_default; exports.Display = _chunkT5BYQGC3js.Display_default; exports.Divider = _chunkD7CNDAYBjs.Divider_default; exports.Dot = _chunk7N7PEBRBjs.Dot_default; exports.Drawer = _chunk25NFUHLRjs.Drawer_default; exports.Dropzone = _chunk4X4ELIMQjs.Dropzone_default; exports.EmptyState = _chunkDAZ2GHNPjs.EmptyState_default; exports.Fieldset = _chunkWXW7BYE7js.Fieldset_default; exports.Grid = _chunkJFNYQSEZjs.Grid_default; exports.Highlight = _chunk6U7FXFJPjs.highlight_default; exports.Image = _chunkTWIOSRRPjs.Image_default; exports.ImageZoom = _chunkREWKR7S3js.ImageZoom_default; exports.Input = _chunkNEG5UNM6js.Input_default; exports.KeyCode = _chunkF3AL4TQZjs.KeyCode; exports.KeyMod = _chunkF3AL4TQZjs.KeyMod; exports.Keyboard = _chunkRRFCNZ2Tjs.Keyboard_default; exports.Link = _chunkWEYAL53Ojs.Link_default; exports.Loading = _chunkLMDBE6T6js.Loading_default; exports.Marquee = _chunkTJUNBMNFjs.Marquee_default; exports.Mention = _chunkFSO65ZAHjs.Mention_default; exports.Menu = _chunkFLUNRVVGjs.Menu_default; exports.Modal = _chunkCU6SNPIMjs.Modal_default; exports.Note = _chunkCGS2MT3Gjs.Note_default; exports.NumberInput = _chunkJAVXTBV2js.NumberInput_default; exports.Page = _chunkLA46RLOTjs.Page_default; exports.Pagination = _chunkE5EDUOQTjs.Pagination_default; exports.PinInput = _chunkX4TPC7HSjs.PinInput_default; exports.Popover = _chunkY432C24Zjs.Popover_default; exports.Progress = _chunkNLJHFKANjs.Progress_default; exports.Radio = _chunkIIKZQZXSjs.Radio_default; exports.Rating = _chunkOAMGJMK4js.Rating_default; exports.Row = _chunkLSSL324Ijs.Row_default; exports.ScaleContext = _chunkMAICNLTYjs.ScaleContext; exports.ScalePropKeys = _chunkMAICNLTYjs.ScalePropKeys; exports.Section = _chunkBJRUC4XLjs.Section_default; exports.SegmentedControl = _chunk2A4BSQ66js.SegmentedControl_default; exports.Select = _chunkXUNC7RB7js.Select_default; exports.Skeleton = _chunk67WAS5AYjs.Skeleton_default; exports.Slider = _chunkIUZV5Y27js.Slider_default; exports.Snippet = _chunkCGEUUDJ4js.Snippet_default; exports.Spacer = _chunkQCE3XFHZjs.Spacer_default; exports.Spinner = _chunkTZ7TOEP3js.Spinner_default; exports.Splitter = _chunkFFEAKF3Ajs.Splitter_default; exports.Stat = _chunk5M4QUTS4js.Stat_default; exports.Stepper = _chunkKWKFVS32js.Stepper_default; exports.Table = _chunkY5CFWIGVjs.Table_default; exports.Tabs = _chunk6U7FXFJPjs.Tabs_default; exports.Tag = _chunkXC33TGGTjs.Tag_default; exports.TagsInput = _chunkG4KB56ROjs.TagsInput_default; exports.Text = _chunkA6N5PIXNjs.Text_default; exports.Textarea = _chunkISLUC2SDjs.Textarea_default; exports.Themes = _chunkX5PGXMVQjs.Themes_default; exports.Timeline = _chunkAHWF22ZQjs.Timeline_default; exports.Toggle = _chunkT74YHCG6js.Toggle_default; exports.Toolbar = _chunkQ3I54DUSjs.Toolbar_default; exports.Tooltip = _chunkIL7L3BELjs.Tooltip_default; exports.Tour = _chunkSJVWKNGYjs.Tour_default; exports.Tree = _chunkK6UULETPjs.Tree_default; exports.useAllThemes = _chunkQILHI3LOjs.use_all_themes_default; exports.useBodyScroll = _chunkO3RTRCY5js.use_body_scroll_default; exports.useClasses = _chunk5KUROAEPjs.use_classes_default; exports.useClickAway = _chunk3WPRUUZ6js.use_click_away_default; exports.useClipboard = _chunkC3ZZPIUOjs.use_clipboard_default; exports.useCurrentState = _chunkGGD4BGH2js.use_current_state_default; exports.useInput = _chunkJ4K4LRBIjs.use_input_default; exports.useKeyboard = _chunkF3AL4TQZjs.use_keyboard_default; exports.useMediaQuery = _chunk6VDRKYLWjs.use_media_query_default; exports.useModal = _chunkYDYRM2KNjs.use_modal_default; exports.useRect = _chunkDSX6YDJMjs.useRect; exports.useScale = _chunkMAICNLTYjs.use_scale_default; exports.useTabs = _chunkI6WWABJNjs.use_tabs_default; exports.useTheme = _chunkV5I4ORQQjs.use_theme_default; exports.useToasts = _chunkNCUSKYUEjs.use_toasts_default; exports.withScale = _chunkMAICNLTYjs.with_scale_default;
+exports.Alert = _chunkCY5KTINEjs.Alert_default; exports.Avatar = _chunkLQYCPFUAjs.Avatar_default; exports.Badge = _chunkRD4CEB5Sjs.Badge_default; exports.BolioUIProvider = _chunk6ASDJ72Vjs.BolioUIProvider_default; exports.Breadcrumbs = _chunkEEZG4FGYjs.Breadcrumbs_default; exports.Button = _chunkTPZUTHTQjs.Button_default; exports.ButtonDropdown = _chunkRWRFOGCUjs.ButtonDropdown_default; exports.ButtonGroup = _chunkXWRDUQKYjs.ButtonGroup_default; exports.Calendar = _chunkTLVSZCKUjs.Calendar_default; exports.Capacity = _chunkHK6XCH2Cjs.Capacity_default; exports.Card = _chunk56NE4QGRjs.Card_default; exports.Carousel = _chunkMDSRXACMjs.Carousel_default; exports.Checkbox = _chunkEAHIBHMIjs.Checkbox_default; exports.Chip = _chunkFQWH4PDKjs.Chip_default; exports.Code = _chunkA2NLRQ55js.Code_default; exports.Col = _chunkRZSTPJ76js.Col_default; exports.Collapse = _chunkWFGUAR7Kjs.Collapse_default; exports.ColorInput = _chunkDEMQXB46js.ColorInput_default; exports.ColorPicker = _chunkOKZRHSSGjs.ColorPicker_default; exports.Combobox = _chunkKRSISARCjs.Combobox_default; exports.Command = _chunkBUB6MDGJjs.Command_default; exports.Container = _chunkGJ77XHZ3js.Container_default; exports.ContextMenu = _chunkDYYSUJ35js.ContextMenu_default; exports.CssBaseline = _chunk5BESEB77js.CssBaseline_default; exports.DatePicker = _chunkICACLCJRjs.DatePicker_default; exports.DateRangePicker = _chunkYLLPYRJHjs.DateRangePicker_default; exports.Description = _chunkSDC2VF5Kjs.Description_default; exports.Display = _chunkT5BYQGC3js.Display_default; exports.Divider = _chunkD7CNDAYBjs.Divider_default; exports.Dot = _chunk7N7PEBRBjs.Dot_default; exports.Drawer = _chunk4DSLA5LJjs.Drawer_default; exports.Dropzone = _chunk4X4ELIMQjs.Dropzone_default; exports.EmptyState = _chunkDAZ2GHNPjs.EmptyState_default; exports.Fieldset = _chunkWXW7BYE7js.Fieldset_default; exports.Grid = _chunkJFNYQSEZjs.Grid_default; exports.Highlight = _chunk6U7FXFJPjs.highlight_default; exports.Image = _chunkTWIOSRRPjs.Image_default; exports.ImageZoom = _chunkREWKR7S3js.ImageZoom_default; exports.Input = _chunkNEG5UNM6js.Input_default; exports.KeyCode = _chunkF3AL4TQZjs.KeyCode; exports.KeyMod = _chunkF3AL4TQZjs.KeyMod; exports.Keyboard = _chunkRRFCNZ2Tjs.Keyboard_default; exports.Link = _chunkWEYAL53Ojs.Link_default; exports.Loading = _chunkLMDBE6T6js.Loading_default; exports.Marquee = _chunkTJUNBMNFjs.Marquee_default; exports.Mention = _chunkBXEBNLJ4js.Mention_default; exports.Menu = _chunkFLUNRVVGjs.Menu_default; exports.Modal = _chunkDAPM4M4Ajs.Modal_default; exports.Note = _chunkCGS2MT3Gjs.Note_default; exports.NumberInput = _chunkJAVXTBV2js.NumberInput_default; exports.Page = _chunkLA46RLOTjs.Page_default; exports.Pagination = _chunkE5EDUOQTjs.Pagination_default; exports.PinInput = _chunkX4TPC7HSjs.PinInput_default; exports.Popover = _chunkY432C24Zjs.Popover_default; exports.Progress = _chunkNLJHFKANjs.Progress_default; exports.Radio = _chunkIIKZQZXSjs.Radio_default; exports.Rating = _chunkOAMGJMK4js.Rating_default; exports.Row = _chunkLSSL324Ijs.Row_default; exports.ScaleContext = _chunkMAICNLTYjs.ScaleContext; exports.ScalePropKeys = _chunkMAICNLTYjs.ScalePropKeys; exports.Section = _chunkBJRUC4XLjs.Section_default; exports.SegmentedControl = _chunk2A4BSQ66js.SegmentedControl_default; exports.Select = _chunkXUNC7RB7js.Select_default; exports.Skeleton = _chunk67WAS5AYjs.Skeleton_default; exports.Slider = _chunkIUZV5Y27js.Slider_default; exports.Snippet = _chunkCGEUUDJ4js.Snippet_default; exports.Spacer = _chunkQCE3XFHZjs.Spacer_default; exports.Spinner = _chunkTZ7TOEP3js.Spinner_default; exports.Splitter = _chunkFFEAKF3Ajs.Splitter_default; exports.Stat = _chunk5M4QUTS4js.Stat_default; exports.Stepper = _chunkKWKFVS32js.Stepper_default; exports.Table = _chunkY5CFWIGVjs.Table_default; exports.Tabs = _chunk6U7FXFJPjs.Tabs_default; exports.Tag = _chunkXC33TGGTjs.Tag_default; exports.TagsInput = _chunkG4KB56ROjs.TagsInput_default; exports.Text = _chunkA6N5PIXNjs.Text_default; exports.Textarea = _chunkISLUC2SDjs.Textarea_default; exports.Themes = _chunkX5PGXMVQjs.Themes_default; exports.Timeline = _chunkAHWF22ZQjs.Timeline_default; exports.Toggle = _chunkT74YHCG6js.Toggle_default; exports.Toolbar = _chunkQ3I54DUSjs.Toolbar_default; exports.Tooltip = _chunkIL7L3BELjs.Tooltip_default; exports.Tour = _chunkSJVWKNGYjs.Tour_default; exports.Tree = _chunkK6UULETPjs.Tree_default; exports.useAllThemes = _chunkQILHI3LOjs.use_all_themes_default; exports.useBodyScroll = _chunkO3RTRCY5js.use_body_scroll_default; exports.useClasses = _chunk5KUROAEPjs.use_classes_default; exports.useClickAway = _chunk3WPRUUZ6js.use_click_away_default; exports.useClipboard = _chunkC3ZZPIUOjs.use_clipboard_default; exports.useCurrentState = _chunkGGD4BGH2js.use_current_state_default; exports.useInput = _chunkJ4K4LRBIjs.use_input_default; exports.useKeyboard = _chunkF3AL4TQZjs.use_keyboard_default; exports.useMediaQuery = _chunk6VDRKYLWjs.use_media_query_default; exports.useModal = _chunkYDYRM2KNjs.use_modal_default; exports.useRect = _chunkDSX6YDJMjs.useRect; exports.useScale = _chunkMAICNLTYjs.use_scale_default; exports.useTabs = _chunkI6WWABJNjs.use_tabs_default; exports.useTheme = _chunkV5I4ORQQjs.use_theme_default; exports.useToasts = _chunkNCUSKYUEjs.use_toasts_default; exports.withScale = _chunkMAICNLTYjs.with_scale_default;

package/dist/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 {

package/dist/styles.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/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;

package/esm/Command/index.js

@@ -1,11 +1,11 @@
 'use client';
 import {
   Command_default
-} from "../chunk-M64V32WO.js";
-import "../chunk-CU6SNPIM.js";
+} from "../chunk-BUB6MDGJ.js";
+import "../chunk-DAPM4M4A.js";
 import "../chunk-NEG5UNM6.js";
 import "../chunk-ISLUC2SD.js";
-import "../chunk-XKJDF225.js";
+import "../chunk-TWT6F7A7.js";
 import "../chunk-F3AL4TQZ.js";
 import "../chunk-O3RTRCY5.js";
 import "../chunk-UOGCO6CV.js";

package/esm/Drawer/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Drawer_default
-} from "../chunk-25NFUHLR.js";
-import "../chunk-XKJDF225.js";
+} from "../chunk-4DSLA5LJ.js";
+import "../chunk-TWT6F7A7.js";
 import "../chunk-F3AL4TQZ.js";
 import "../chunk-O3RTRCY5.js";
 import "../chunk-33BUV2RX.js";

package/esm/Mention/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Mention_default
-} from "../chunk-FSO65ZAH.js";
+} from "../chunk-BXEBNLJ4.js";
 import "../chunk-KBZEYKCZ.js";
 import "../chunk-GJZT47MP.js";
 import "../chunk-EUYSKHRS.js";

package/esm/Modal/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Modal_default
-} from "../chunk-CU6SNPIM.js";
-import "../chunk-XKJDF225.js";
+} from "../chunk-DAPM4M4A.js";
+import "../chunk-TWT6F7A7.js";
 import "../chunk-F3AL4TQZ.js";
 import "../chunk-O3RTRCY5.js";
 import "../chunk-33BUV2RX.js";

package/esm/{chunk-25NFUHLR.js → chunk-4DSLA5LJ.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";
@@ -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/{chunk-M64V32WO.js → chunk-BUB6MDGJ.js}

@@ -1,6 +1,6 @@
 import {
   Modal_default
-} from "./chunk-CU6SNPIM.js";
+} from "./chunk-DAPM4M4A.js";
 import {
   Input_default
 } from "./chunk-NEG5UNM6.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-CU6SNPIM.js → chunk-DAPM4M4A.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";
@@ -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-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/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/index.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-4DSLA5LJ.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-BUB6MDGJ.js";
 import {
   Modal_default
-} from "./chunk-CU6SNPIM.js";
+} from "./chunk-DAPM4M4A.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,

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 {

package/esm/styles.d.ts

@@ -0,0 +1 @@
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bolio-ui/core",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "description": "Amazing, modern and creative tools for React UI. 🥷🏼",
   "keywords": [
     "bolio",
@@ -34,7 +34,10 @@
       "module": "./esm/index.js",
       "default": "./dist/index.js"
     },
-    "./styles.css": "./dist/styles.css",
+    "./styles.css": {
+      "types": "./dist/styles.d.ts",
+      "default": "./dist/styles.css"
+    },
     "./css/*": "./dist/css/*",
     "./dist/index.js": "./dist/index.js",
     "./dist/*/index.js": "./dist/*/index.js",