bootstrap-rn 0.4.6 → 0.4.7

package/lib/module/components/modal/ModalTitle.js

@@ -5,6 +5,8 @@ import StyleSheet from "../../style/StyleSheet.js";
 import css from "../../style/css.js";
 import Heading from "../Heading.js";
 import { getStyles } from "../../utils.js";
+import useForcedContext from "../../hooks/useForcedContext.js";
+import ModalContext from "./ModalContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = StyleSheet.create({
   '.modal-title': css`
@@ -18,8 +20,12 @@ const ModalTitle = /*#__PURE__*/React.forwardRef((props, ref) => {
     style,
     ...elementProps
   } = props;
+  const {
+    identifier
+  } = useForcedContext(ModalContext);
   const classes = getStyles(styles, ['.modal-title']);
   return /*#__PURE__*/_jsx(Heading, {
+    id: `${identifier}-title`,
     size: 5,
     ...elementProps,
     ref: ref,

package/lib/module/components/modal/ModalTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","css","Heading","getStyles","jsx","_jsx","styles","create","ModalTitle","forwardRef","props","ref","children","style","elementProps","classes","size","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/ModalTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,OAAO,MAAM,eAAY;AAChC,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKxC,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/B,cAAc,EAAEN,GAAG;AACrB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMO,UAAU,gBAAGT,KAAK,CAACU,UAAU,CAA2B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGJ,KAAK;EAElD,MAAMK,OAAO,GAAGZ,SAAS,CAACG,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC;EAEnD,oBACED,IAAA,CAACH,OAAO;IAACc,IAAI,EAAE,CAAE;IAAA,GAAKF,YAAY;IAAEH,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAE,CAACE,OAAO,EAAEF,KAAK,CAAE;IAAAD,QAAA,EACnEA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEFJ,UAAU,CAACS,WAAW,GAAG,YAAY;AAErC,eAAeT,UAAU","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","css","Heading","getStyles","useForcedContext","ModalContext","jsx","_jsx","styles","create","ModalTitle","forwardRef","props","ref","children","style","elementProps","identifier","classes","id","size","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/ModalTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,OAAO,MAAM,eAAY;AAChC,SAASC,SAAS,QAAQ,gBAAa;AAEvC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,YAAY,MAAM,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI1C,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/B,cAAc,EAAER,GAAG;AACrB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMS,UAAU,gBAAGX,KAAK,CAACY,UAAU,CAA2B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGJ,KAAK;EAElD,MAAM;IAAEK;EAAW,CAAC,GAAGb,gBAAgB,CAACC,YAAY,CAAC;EAErD,MAAMa,OAAO,GAAGf,SAAS,CAACK,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC;EAEnD,oBACED,IAAA,CAACL,OAAO;IACNiB,EAAE,EAAE,GAAGF,UAAU,QAAS;IAC1BG,IAAI,EAAE,CAAE;IAAA,GACJJ,YAAY;IAChBH,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAE,CAACG,OAAO,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAEvBA;EAAQ,CACF,CAAC;AAEd,CAAC,CAAC;AAEFJ,UAAU,CAACW,WAAW,GAAG,YAAY;AAErC,eAAeX,UAAU","ignoreList":[]}

package/lib/module/components/modal/useModal.js

@@ -1,19 +1,10 @@
 "use strict";
 
-import { useContext, useEffect, useMemo } from 'react';
-import Context from "../../Context.js";
-export default function useModal(visible, scrollable) {
-  const context = useContext(Context);
-  useEffect(() => {
-    if (!visible || !context) {
-      return undefined;
-    }
-    context.scrollbars.hide();
-    return () => {
-      context.scrollbars.show();
-    };
-  }, [visible, context]);
+import { useId, useMemo } from 'react';
+export default function useModal(scrollable) {
+  const identifier = useId();
   return useMemo(() => ({
+    identifier,
     scrollable
   }), [scrollable]);
 }

package/lib/module/components/modal/useModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useMemo","Context","useModal","visible","scrollable","context","undefined","scrollbars","hide","show"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/useModal.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,OAAOC,OAAO,MAAM,kBAAe;AAEnC,eAAe,SAASC,QAAQA,CAACC,OAAgB,EAAEC,UAAmB,EAAE;EACtE,MAAMC,OAAO,GAAGP,UAAU,CAACG,OAAO,CAAC;EAEnCF,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,OAAO,IAAI,CAACE,OAAO,EAAE;MACxB,OAAOC,SAAS;IAClB;IAEAD,OAAO,CAACE,UAAU,CAACC,IAAI,CAAC,CAAC;IAEzB,OAAO,MAAM;MACXH,OAAO,CAACE,UAAU,CAACE,IAAI,CAAC,CAAC;IAC3B,CAAC;EACH,CAAC,EAAE,CAACN,OAAO,EAAEE,OAAO,CAAC,CAAC;EAEtB,OAAOL,OAAO,CACZ,OAAO;IACLI;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useId","useMemo","useModal","scrollable","identifier"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/modal/useModal.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAEtC,eAAe,SAASC,QAAQA,CAACC,UAAmB,EAAE;EACpD,MAAMC,UAAU,GAAGJ,KAAK,CAAC,CAAC;EAE1B,OAAOC,OAAO,CACZ,OAAO;IACLG,UAAU;IACVD;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;AACH","ignoreList":[]}

package/lib/module/components/nav/useTabbable.js

@@ -1,10 +1,9 @@
 "use strict";
 
-import { useMemo } from 'react';
-import useIdentifier from "../../hooks/useIdentifier.js";
+import { useId, useMemo } from 'react';
 import useControlledState from "../../hooks/useControlledState.js";
 export default function useTabbable(defaultActiveTarget, controlledActiveTarget, onChange) {
-  const identifier = useIdentifier('tabbable');
+  const identifier = useId();
   const [activeTarget, setActiveTarget] = useControlledState(defaultActiveTarget, controlledActiveTarget, onChange);
   return useMemo(() => ({
     identifier,

package/lib/module/components/nav/useTabbable.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useIdentifier","useControlledState","useTabbable","defaultActiveTarget","controlledActiveTarget","onChange","identifier","activeTarget","setActiveTarget"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/nav/useTabbable.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,aAAa,MAAM,8BAA2B;AACrD,OAAOC,kBAAkB,MAAM,mCAAgC;AAQ/D,eAAe,SAASC,WAAWA,CACjCC,mBAA2B,EAC3BC,sBAA+B,EAC/BC,QAAqB,EACE;EACvB,MAAMC,UAAU,GAAGN,aAAa,CAAC,UAAU,CAAC;EAE5C,MAAM,CAACO,YAAY,EAAEC,eAAe,CAAC,GAAGP,kBAAkB,CACxDE,mBAAmB,EACnBC,sBAAsB,EACtBC,QACF,CAAC;EAED,OAAON,OAAO,CACZ,OAAO;IACLO,UAAU;IACVC,YAAY;IACZC;EACF,CAAC,CAAC,EACF,CAACD,YAAY,CACf,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useId","useMemo","useControlledState","useTabbable","defaultActiveTarget","controlledActiveTarget","onChange","identifier","activeTarget","setActiveTarget"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/nav/useTabbable.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,OAAO;AACtC,OAAOC,kBAAkB,MAAM,mCAAgC;AAQ/D,eAAe,SAASC,WAAWA,CACjCC,mBAA2B,EAC3BC,sBAA+B,EAC/BC,QAAqB,EACE;EACvB,MAAMC,UAAU,GAAGP,KAAK,CAAC,CAAC;EAE1B,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGP,kBAAkB,CACxDE,mBAAmB,EACnBC,sBAAsB,EACtBC,QACF,CAAC;EAED,OAAOL,OAAO,CACZ,OAAO;IACLM,UAAU;IACVC,YAAY;IACZC;EACF,CAAC,CAAC,EACF,CAACD,YAAY,CACf,CAAC;AACH","ignoreList":[]}

package/lib/module/components/navbar/NavbarToggler.js

@@ -26,7 +26,7 @@ const styles = StyleSheet.create({
 
     &:focus {
       @include platform(web) {
-        outline-width: 0; // outline: 0;
+        outline-style: none; // outline: 0;
       }
       // box-shadow: 0 0 0 $navbar-toggler-focus-width;
     }

package/lib/module/components/navbar/useNavbar.js

@@ -1,10 +1,9 @@
 "use strict";
 
-import { useMemo } from 'react';
-import useIdentifier from "../../hooks/useIdentifier.js";
+import { useId, useMemo } from 'react';
 import useControlledState from "../../hooks/useControlledState.js";
 export default function useNavbar(variant, defaultExpanded, controlledExpanded, onToggle, expand) {
-  const identifier = useIdentifier('navbar');
+  const identifier = useId();
   const [expanded, setExpanded] = useControlledState(defaultExpanded, controlledExpanded, onToggle);
   return useMemo(() => ({
     identifier,

package/lib/module/components/navbar/useNavbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useIdentifier","useControlledState","useNavbar","variant","defaultExpanded","controlledExpanded","onToggle","expand","identifier","expanded","setExpanded"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/useNavbar.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,OAAOC,aAAa,MAAM,8BAA2B;AACrD,OAAOC,kBAAkB,MAAM,mCAAgC;AAG/D,eAAe,SAASC,SAASA,CAC/BC,OAAsB,EACtBC,eAAwB,EACxBC,kBAA4B,EAC5BC,QAAqB,EACrBC,MAAqB,EACrB;EACA,MAAMC,UAAU,GAAGR,aAAa,CAAC,QAAQ,CAAC;EAE1C,MAAM,CAACS,QAAQ,EAAEC,WAAW,CAAC,GAAGT,kBAAkB,CAChDG,eAAe,EACfC,kBAAkB,EAClBC,QACF,CAAC;EAED,OAAOP,OAAO,CACZ,OAAO;IACLS,UAAU;IACVL,OAAO;IACPM,QAAQ;IACRC,WAAW;IACXH;EACF,CAAC,CAAC,EACF,CAACC,UAAU,EAAEL,OAAO,EAAEM,QAAQ,EAAEF,MAAM,CACxC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useId","useMemo","useControlledState","useNavbar","variant","defaultExpanded","controlledExpanded","onToggle","expand","identifier","expanded","setExpanded"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/navbar/useNavbar.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,OAAO;AACtC,OAAOC,kBAAkB,MAAM,mCAAgC;AAG/D,eAAe,SAASC,SAASA,CAC/BC,OAAsB,EACtBC,eAAwB,EACxBC,kBAA4B,EAC5BC,QAAqB,EACrBC,MAAqB,EACrB;EACA,MAAMC,UAAU,GAAGT,KAAK,CAAC,CAAC;EAE1B,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGT,kBAAkB,CAChDG,eAAe,EACfC,kBAAkB,EAClBC,QACF,CAAC;EAED,OAAON,OAAO,CACZ,OAAO;IACLQ,UAAU;IACVL,OAAO;IACPM,QAAQ;IACRC,WAAW;IACXH;EACF,CAAC,CAAC,EACF,CAACC,UAAU,EAAEL,OAAO,EAAEM,QAAQ,EAAEF,MAAM,CACxC,CAAC;AACH","ignoreList":[]}

package/lib/module/components/offcanvas/Offcanvas.js

@@ -1,18 +1,17 @@
 "use strict";
 
 import React, { useContext, useRef } from 'react';
-import { Modal as BaseModal, Platform } from 'react-native';
-import { OverlayProvider } from '@react-native-aria/overlays';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import StyleSheet from "../../style/StyleSheet.js";
 import css from "../../style/css.js";
-import BackdropHandler from "../helpers/BackdropHandler.js";
-import SafeAreaView from "../SafeAreaView.js";
+import Dialog from '../helpers/Dialog';
 import View from "../View.js";
 import { GRID_BREAKPOINTS } from "../../theme/proxies.js";
 import { infix, next } from "../../theme/breakpoints.js";
 import { getStyles, each, concatRefs } from "../../utils.js";
 import useMedia from "../../hooks/useMedia.js";
 import NavbarContext from "../navbar/NavbarContext.js";
+import BackdropHandler from '../helpers/BackdropHandler';
 import useOffcanvas from "./useOffcanvas.js";
 import OffcanvasContext from "./OffcanvasContext.js";
 import OffcanvasHeader from "./OffcanvasHeader.js";
@@ -21,26 +20,39 @@ import OffcanvasBody from "./OffcanvasBody.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const styles = StyleSheet.create({
   '.offcanvas': css`
-    position: absolute; // fixed;
+    position: absolute; // added for bootstrap-rn
+    @include platform(web) {
+      position: fixed;
+    }
     // bottom: 0;
-    z-index: $zindex-offcanvas;
+    // z-index: $zindex-offcanvas;
     display: flex;
     flex-direction: column;
     max-width: 100%;
     // visibility: hidden;
+    background-color: $offcanvas-bg-color;
+    // background-clip: padding-box;
+    @include platform(web) {
+      outline-style: none; // outline: 0;
+    }
+    // @include box-shadow($offcanvas-box-shadow);
+    // @include transition(transform $offcanvas-transition-duration ease-in-out);
   `,
   '.offcanvas --text': css`
     color: $offcanvas-color;
   `,
   '.offcanvas-backdrop': css`
-    position: absolute;
+    position: absolute; // added for bootstrap-rn
+    @include platform(web) {
+      position: fixed;
+    }
     top: 0;
     left: 0;
-    z-index: $zindex-offcanvas-backdrop;
-    width: 100%;
-    height: 100%;
-  `,
-  '.offcanvas-backdrop-inset': css`
+    bottom: 0; // added for bootstrap-rn
+    right: 0; // added for bootstrap-rn
+    // z-index: $zindex-offcanvas-backdrop;
+    // width: 100vw;
+    // height: 100vh;
     background-color: $offcanvas-backdrop-bg;
     opacity: $offcanvas-backdrop-opacity;
   `,
@@ -48,48 +60,26 @@ const styles = StyleSheet.create({
     top: 0;
     bottom: 0; // added for bootstrap-rn
     left: 0;
-  `,
-  '.offcanvas-end': css`
-    top: 0;
-    bottom: 0; // added for bootstrap-rn
-    right: 0;
-  `,
-  '.offcanvas-top': css`
-    top: 0;
-    right: 0;
-    left: 0;
-  `,
-  '.offcanvas-bottom': css`
-    bottom: 0; // added for bootstrap-rn
-    right: 0;
-    left: 0;
-  `,
-  '.offcanvas-inset': css`
-    max-width: 100%; // added for bootstrap-rn
-    max-height: 100%; // added for bootstrap-rn
-    background-color: $offcanvas-bg-color;
-    // background-clip: padding-box;
-    @include platform(web) {
-      outline-width: 0; // outline: 0;
-    }
-    // @include box-shadow($offcanvas-box-shadow);
-    // @include transition(transform $offcanvas-transition-duration ease-in-out);
-  `,
-  '.offcanvas-inset-start': css`
     width: $offcanvas-horizontal-width;
     border-right-width: $offcanvas-border-width;
     border-style: solid;
     border-color: $offcanvas-border-color;
     // transform: translateX(-100%);
   `,
-  '.offcanvas-inset-end': css`
+  '.offcanvas-end': css`
+    top: 0;
+    bottom: 0; // added for bootstrap-rn
+    right: 0;
     width: $offcanvas-horizontal-width;
     border-left-width: $offcanvas-border-width;
     border-style: solid;
     border-color: $offcanvas-border-color;
     // transform: translateX(100%);
   `,
-  '.offcanvas-inset-top': css`
+  '.offcanvas-top': css`
+    top: 0;
+    right: 0;
+    left: 0;
     height: $offcanvas-vertical-height;
     max-height: 100%;
     border-bottom-width: $offcanvas-border-width;
@@ -97,7 +87,10 @@ const styles = StyleSheet.create({
     border-color: $offcanvas-border-color;
     // transform: translateY(-100%);
   `,
-  '.offcanvas-inset-bottom': css`
+  '.offcanvas-bottom': css`
+    bottom: 0; // added for bootstrap-rn
+    right: 0;
+    left: 0;
     height: $offcanvas-vertical-height;
     max-height: 100%;
     width: 100%;
@@ -106,6 +99,14 @@ const styles = StyleSheet.create({
     border-color: $offcanvas-border-color;
     // transform: translateY(100%);
   `,
+  '.offcanvas-dialog': css`
+    max-width: 100%; // added for bootstrap-rn
+    max-height: 100%; // added for bootstrap-rn
+  `,
+  '.offcanvas-dialog-start': css``,
+  '.offcanvas-dialog-end': css``,
+  '.offcanvas-dialog-top': css``,
+  '.offcanvas-dialog-bottom': css``,
   // Navbar styles
   ...each(GRID_BREAKPOINTS, breakpoint => ({
     [`.navbar-expand${infix(next(breakpoint))} .offcanvas`]: css`
@@ -132,21 +133,23 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
     placement = 'top',
     backdrop = true,
     scroll = false,
-    onToggle: handleToggle,
+    onClose: handleClose,
     style,
-    dialogStyle,
     textStyle,
-    dialogTextStyle,
     ...elementProps
   } = props;
   const media = useMedia();
   const navbar = useContext(NavbarContext);
   const offcanvasRef = useRef(null);
-  const offcanvas = useOffcanvas(visible, scroll);
+  const backdropRef = useRef(null);
+  const insets = useSafeAreaInsets();
+  const offcanvas = useOffcanvas();
   const backdropClasses = getStyles(styles, ['.offcanvas-backdrop']);
-  const backdropInsetClasses = getStyles(styles, ['.offcanvas-backdrop-inset']);
   const classes = getStyles(styles, ['.offcanvas', `.offcanvas-${placement}`, navbar && navbar.expand && `.navbar-expand${navbar.expand === true ? '' : `-${navbar.expand}`} .offcanvas`]);
-  const dialogClasses = getStyles(styles, ['.offcanvas-inset', `.offcanvas-inset-${placement}`]);
+  /* const dialogClasses = getStyles(styles, [
+    '.offcanvas-dialog',
+    `.offcanvas-dialog-${placement}`,
+  ]); */
   const textClasses = getStyles(styles, ['.offcanvas-content --text']);
 
   // Render children without modal for navbar.
@@ -159,41 +162,40 @@ const Offcanvas = /*#__PURE__*/React.forwardRef((props, ref) => {
       children: children
     });
   }
-  return /*#__PURE__*/_jsxs(BaseModal, {
-    transparent: true
-    // Modal is only shown correctly on older Android versions if we set this.
-    ,
-    navigationBarTranslucent: Platform.OS === 'android' && Platform.constants.Version < 35,
-    visible: navbar ? navbar.expanded : visible,
-    onRequestClose: handleToggle,
-    children: [backdrop && /*#__PURE__*/_jsx(SafeAreaView, {
-      style: backdropClasses,
-      children: /*#__PURE__*/_jsx(View, {
-        style: [{
-          flexGrow: 1
-        }, backdropInsetClasses],
-        children: /*#__PURE__*/_jsx(BackdropHandler, {
-          dialogRef: offcanvasRef,
-          onClose: handleToggle,
-          backdrop: backdrop
-        })
-      })
-    }), /*#__PURE__*/_jsx(SafeAreaView, {
+  if (!visible) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Dialog, {
+    id: offcanvas.identifier,
+    dialogRef: offcanvasRef,
+    backgroundRef: backdropRef,
+    onClose: handleClose,
+    backdrop: backdrop,
+    backdropElement: /*#__PURE__*/_jsx(View, {
+      ref: backdropRef,
+      style: [backdropClasses, insets]
+    }),
+    scroll: scroll,
+    children: [/*#__PURE__*/_jsx(BackdropHandler, {
+      onClose: handleClose,
+      backdrop: backdrop
+    }), /*#__PURE__*/_jsx(View, {
       ...elementProps,
-      ref: concatRefs(offcanvasRef, ref),
-      style: [classes, style],
+      ref: concatRefs(ref, offcanvasRef),
+      role: "dialog",
+      "aria-modal": true,
+      "aria-labelledby": `${offcanvas.identifier}-title`,
+      tabIndex: -1,
+      style: [classes, {
+        marginTop: insets.top,
+        marginBottom: insets.bottom,
+        marginRight: insets.right,
+        marginLeft: insets.left
+      }, style],
       textStyle: [textClasses, textStyle],
-      children: /*#__PURE__*/_jsx(View, {
-        style: [{
-          flexGrow: 1
-        }, dialogClasses, dialogStyle],
-        textStyle: dialogTextStyle,
-        children: /*#__PURE__*/_jsx(OffcanvasContext.Provider, {
-          value: offcanvas,
-          children: /*#__PURE__*/_jsx(OverlayProvider, {
-            children: children
-          })
-        })
+      children: /*#__PURE__*/_jsx(OffcanvasContext.Provider, {
+        value: offcanvas,
+        children: children
       })
     })]
   });

package/lib/module/components/offcanvas/Offcanvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useRef","Modal","BaseModal","Platform","OverlayProvider","StyleSheet","css","BackdropHandler","SafeAreaView","View","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useMedia","NavbarContext","useOffcanvas","OffcanvasContext","OffcanvasHeader","OffcanvasTitle","OffcanvasBody","jsx","_jsx","jsxs","_jsxs","styles","create","breakpoint","Offcanvas","forwardRef","props","ref","children","visible","placement","backdrop","scroll","onToggle","handleToggle","style","dialogStyle","textStyle","dialogTextStyle","elementProps","media","navbar","offcanvasRef","offcanvas","backdropClasses","backdropInsetClasses","classes","expand","dialogClasses","textClasses","up","transparent","navigationBarTranslucent","OS","constants","Version","expanded","onRequestClose","flexGrow","dialogRef","onClose","Provider","value","displayName","Object","assign","Context","Header","Title","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/Offcanvas.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AACjD,SAASC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,cAAc;AAC3D,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,eAAe,MAAM,+BAA4B;AACxD,OAAOC,YAAY,MAAM,oBAAiB;AAC1C,OAAOC,IAAI,MAA8B,YAAS;AAClD,SAASC,gBAAgB,QAAQ,wBAAqB;AACtD,SAASC,KAAK,EAAEC,IAAI,QAAQ,4BAAyB;AACrD,SAASC,SAAS,EAAEC,IAAI,EAAEC,UAAU,QAAQ,gBAAa;AACzD,OAAOC,QAAQ,MAAM,yBAAsB;AAC3C,OAAOC,aAAa,MAAM,4BAAyB;AACnD,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,eAAe,MAAM,sBAAmB;AAC/C,OAAOC,cAAc,MAAM,qBAAkB;AAC7C,OAAOC,aAAa,MAAM,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAiB5C,MAAMC,MAAM,GAAGtB,UAAU,CAACuB,MAAM,CAAC;EAC/B,YAAY,EAAEtB,GAAG;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAG;AAC1B;AACA,GAAG;EACD,qBAAqB,EAAEA,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,2BAA2B,EAAEA,GAAG;AAClC;AACA;AACA,GAAG;EACD,kBAAkB,EAAEA,GAAG;AACzB;AACA;AACA;AACA,GAAG;EACD,gBAAgB,EAAEA,GAAG;AACvB;AACA;AACA;AACA,GAAG;EACD,gBAAgB,EAAEA,GAAG;AACvB;AACA;AACA;AACA,GAAG;EACD,mBAAmB,EAAEA,GAAG;AAC1B;AACA;AACA;AACA,GAAG;EACD,kBAAkB,EAAEA,GAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,wBAAwB,EAAEA,GAAG;AAC/B;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,sBAAsB,EAAEA,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,sBAAsB,EAAEA,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,yBAAyB,EAAEA,GAAG;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD;EACA,GAAGQ,IAAI,CAACJ,gBAAgB,EAAGmB,UAAU,KAAM;IACzC,CAAC,iBAAiBlB,KAAK,CAACC,IAAI,CAACiB,UAAU,CAAC,CAAC,aAAa,GAAGvB,GAAG;AAChE,qCAAqCM,IAAI,CAACiB,UAAU,CAAC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAMC,SAAS,gBAAGhC,KAAK,CAACiC,UAAU,CAA0B,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1E,MAAM;IACJC,QAAQ;IACRC,OAAO,GAAG,KAAK;IACfC,SAAS,GAAG,KAAK;IACjBC,QAAQ,GAAG,IAAI;IACfC,MAAM,GAAG,KAAK;IACdC,QAAQ,EAAEC,YAAY;IACtBC,KAAK;IACLC,WAAW;IACXC,SAAS;IACTC,eAAe;IACf,GAAGC;EACL,CAAC,GAAGb,KAAK;EAET,MAAMc,KAAK,GAAG9B,QAAQ,CAAC,CAAC;EACxB,MAAM+B,MAAM,GAAGhD,UAAU,CAACkB,aAAa,CAAC;EACxC,MAAM+B,YAAY,GAAGhD,MAAM,CAAC,IAAI,CAAC;EAEjC,MAAMiD,SAAS,GAAG/B,YAAY,CAACiB,OAAO,EAAEG,MAAM,CAAC;EAE/C,MAAMY,eAAe,GAAGrC,SAAS,CAACc,MAAM,EAAE,CAAC,qBAAqB,CAAC,CAAC;EAClE,MAAMwB,oBAAoB,GAAGtC,SAAS,CAACc,MAAM,EAAE,CAAC,2BAA2B,CAAC,CAAC;EAC7E,MAAMyB,OAAO,GAAGvC,SAAS,CAACc,MAAM,EAAE,CAChC,YAAY,EACZ,cAAcS,SAAS,EAAE,EACzBW,MAAM,IACJA,MAAM,CAACM,MAAM,IACb,iBACEN,MAAM,CAACM,MAAM,KAAK,IAAI,GAAG,EAAE,GAAG,IAAIN,MAAM,CAACM,MAAM,EAAE,aACtC,CAChB,CAAC;EACF,MAAMC,aAAa,GAAGzC,SAAS,CAACc,MAAM,EAAE,CACtC,kBAAkB,EAClB,oBAAoBS,SAAS,EAAE,CAChC,CAAC;EACF,MAAMmB,WAAW,GAAG1C,SAAS,CAACc,MAAM,EAAE,CAAC,2BAA2B,CAAC,CAAC;;EAEpE;EACA,IACEoB,MAAM,IACNA,MAAM,CAACM,MAAM,KACZN,MAAM,CAACM,MAAM,KAAK,IAAI,IAAIP,KAAK,CAACU,EAAE,CAACT,MAAM,CAACM,MAAM,CAAC,CAAC,EACnD;IACA,oBACE7B,IAAA,CAACf,IAAI;MAAA,GACCoC,YAAY;MAChBZ,GAAG,EAAEA,GAAI;MACTQ,KAAK,EAAE,CAACW,OAAO,EAAEX,KAAK,CAAE;MACxBE,SAAS,EAAE,CAACY,WAAW,EAAEZ,SAAS,CAAE;MAAAT,QAAA,EAEnCA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACER,KAAA,CAACxB,SAAS;IACRuD,WAAW;IACX;IAAA;IACAC,wBAAwB,EACtBvD,QAAQ,CAACwD,EAAE,KAAK,SAAS,IAAIxD,QAAQ,CAACyD,SAAS,CAACC,OAAO,GAAG,EAC3D;IACD1B,OAAO,EAAEY,MAAM,GAAGA,MAAM,CAACe,QAAQ,GAAG3B,OAAQ;IAC5C4B,cAAc,EAAEvB,YAAa;IAAAN,QAAA,GAE5BG,QAAQ,iBACPb,IAAA,CAAChB,YAAY;MAACiC,KAAK,EAAES,eAAgB;MAAAhB,QAAA,eACnCV,IAAA,CAACf,IAAI;QAACgC,KAAK,EAAE,CAAC;UAAEuB,QAAQ,EAAE;QAAE,CAAC,EAAEb,oBAAoB,CAAE;QAAAjB,QAAA,eACnDV,IAAA,CAACjB,eAAe;UACd0D,SAAS,EAAEjB,YAAa;UACxBkB,OAAO,EAAE1B,YAAa;UACtBH,QAAQ,EAAEA;QAAS,CACpB;MAAC,CACE;IAAC,CACK,CACf,eACDb,IAAA,CAAChB,YAAY;MAAA,GACPqC,YAAY;MAChBZ,GAAG,EAAElB,UAAU,CAACiC,YAAY,EAAEf,GAAG,CAAE;MACnCQ,KAAK,EAAE,CAACW,OAAO,EAAEX,KAAK,CAAE;MACxBE,SAAS,EAAE,CAACY,WAAW,EAAEZ,SAAS,CAAE;MAAAT,QAAA,eAEpCV,IAAA,CAACf,IAAI;QACHgC,KAAK,EAAE,CAAC;UAAEuB,QAAQ,EAAE;QAAE,CAAC,EAAEV,aAAa,EAAEZ,WAAW,CAAE;QACrDC,SAAS,EAAEC,eAAgB;QAAAV,QAAA,eAE3BV,IAAA,CAACL,gBAAgB,CAACgD,QAAQ;UAACC,KAAK,EAAEnB,SAAU;UAAAf,QAAA,eAC1CV,IAAA,CAACpB,eAAe;YAAA8B,QAAA,EAAEA;UAAQ,CAAkB;QAAC,CACpB;MAAC,CACxB;IAAC,CACK,CAAC;EAAA,CACN,CAAC;AAEhB,CAAC,CAAC;AAEFJ,SAAS,CAACuC,WAAW,GAAG,WAAW;AAEnC,eAAeC,MAAM,CAACC,MAAM,CAACzC,SAAS,EAAE;EACtC0C,OAAO,EAAErD,gBAAgB;EACzBsD,MAAM,EAAErD,eAAe;EACvBsD,KAAK,EAAErD,cAAc;EACrBsD,IAAI,EAAErD;AACR,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","useRef","useSafeAreaInsets","StyleSheet","css","Dialog","View","GRID_BREAKPOINTS","infix","next","getStyles","each","concatRefs","useMedia","NavbarContext","BackdropHandler","useOffcanvas","OffcanvasContext","OffcanvasHeader","OffcanvasTitle","OffcanvasBody","jsx","_jsx","jsxs","_jsxs","styles","create","breakpoint","Offcanvas","forwardRef","props","ref","children","visible","placement","backdrop","scroll","onClose","handleClose","style","textStyle","elementProps","media","navbar","offcanvasRef","backdropRef","insets","offcanvas","backdropClasses","classes","expand","textClasses","up","id","identifier","dialogRef","backgroundRef","backdropElement","role","tabIndex","marginTop","top","marginBottom","bottom","marginRight","right","marginLeft","left","Provider","value","displayName","Object","assign","Context","Header","Title","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/Offcanvas.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/offcanvas/OffcanvasContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","OffcanvasContext","createContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasContext.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAa,CAC1C,IACF,CAAC;AAEDD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,eAAeF,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","OffcanvasContext","createContext","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasContext.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAa,CAC1C,IACF,CAAC;AAEDD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,eAAeF,gBAAgB","ignoreList":[]}

package/lib/module/components/offcanvas/OffcanvasTitle.js

@@ -5,6 +5,8 @@ import StyleSheet from "../../style/StyleSheet.js";
 import css from "../../style/css.js";
 import Heading from "../Heading.js";
 import { getStyles } from "../../utils.js";
+import useForcedContext from "../../hooks/useForcedContext.js";
+import OffcanvasContext from "./OffcanvasContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = StyleSheet.create({
   '.offcanvas-title': css`
@@ -18,8 +20,12 @@ const OffcanvasTitle = /*#__PURE__*/React.forwardRef((props, ref) => {
     style,
     ...elementProps
   } = props;
+  const {
+    identifier
+  } = useForcedContext(OffcanvasContext);
   const classes = getStyles(styles, ['.offcanvas-title']);
   return /*#__PURE__*/_jsx(Heading, {
+    id: `${identifier}-title`,
     size: 5,
     ...elementProps,
     ref: ref,

package/lib/module/components/offcanvas/OffcanvasTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","css","Heading","getStyles","jsx","_jsx","styles","create","OffcanvasTitle","forwardRef","props","ref","children","style","elementProps","classes","size","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,OAAO,MAAM,eAAY;AAChC,SAASC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKxC,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/B,kBAAkB,EAAEN,GAAG;AACzB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMO,cAAc,gBAAGT,KAAK,CAACU,UAAU,CACrC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGJ,KAAK;EAElD,MAAMK,OAAO,GAAGZ,SAAS,CAACG,MAAM,EAAE,CAAC,kBAAkB,CAAC,CAAC;EAEvD,oBACED,IAAA,CAACH,OAAO;IAACc,IAAI,EAAE,CAAE;IAAA,GAAKF,YAAY;IAAEH,GAAG,EAAEA,GAAI;IAACE,KAAK,EAAE,CAACE,OAAO,EAAEF,KAAK,CAAE;IAAAD,QAAA,EACnEA;EAAQ,CACF,CAAC;AAEd,CACF,CAAC;AAEDJ,cAAc,CAACS,WAAW,GAAG,gBAAgB;AAE7C,eAAeT,cAAc","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","css","Heading","getStyles","useForcedContext","OffcanvasContext","jsx","_jsx","styles","create","OffcanvasTitle","forwardRef","props","ref","children","style","elementProps","identifier","classes","id","size","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/OffcanvasTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,OAAO,MAAM,eAAY;AAChC,SAASC,SAAS,QAAQ,gBAAa;AAEvC,OAAOC,gBAAgB,MAAM,iCAA8B;AAC3D,OAAOC,gBAAgB,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;EAC/B,kBAAkB,EAAER,GAAG;AACzB;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMS,cAAc,gBAAGX,KAAK,CAACY,UAAU,CACrC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGJ,KAAK;EAElD,MAAM;IAAEK;EAAW,CAAC,GAAGb,gBAAgB,CAACC,gBAAgB,CAAC;EAEzD,MAAMa,OAAO,GAAGf,SAAS,CAACK,MAAM,EAAE,CAAC,kBAAkB,CAAC,CAAC;EAEvD,oBACED,IAAA,CAACL,OAAO;IACNiB,EAAE,EAAE,GAAGF,UAAU,QAAS;IAC1BG,IAAI,EAAE,CAAE;IAAA,GACJJ,YAAY;IAChBH,GAAG,EAAEA,GAAI;IACTE,KAAK,EAAE,CAACG,OAAO,EAAEH,KAAK,CAAE;IAAAD,QAAA,EAEvBA;EAAQ,CACF,CAAC;AAEd,CACF,CAAC;AAEDJ,cAAc,CAACW,WAAW,GAAG,gBAAgB;AAE7C,eAAeX,cAAc","ignoreList":[]}

package/lib/module/components/offcanvas/useOffcanvas.js

@@ -1,18 +1,10 @@
 "use strict";
 
-import { useContext, useEffect, useMemo } from 'react';
-import Context from "../../Context.js";
-export default function useOffcanvas(visible, scroll) {
-  const context = useContext(Context);
-  useEffect(() => {
-    if (!visible || scroll) {
-      return () => {}; // No cleanup needed
-    }
-    context?.scrollbars.hide();
-    return () => {
-      context?.scrollbars.show();
-    };
-  }, [visible, scroll, context?.scrollbars]);
-  return useMemo(() => ({}), []); // You can return any memoized value here if needed
+import { useId, useMemo } from 'react';
+export default function useOffcanvas() {
+  const identifier = useId();
+  return useMemo(() => ({
+    identifier
+  }), []);
 }
 //# sourceMappingURL=useOffcanvas.js.map

package/lib/module/components/offcanvas/useOffcanvas.js.map

@@ -1 +1 @@
-{"version":3,"names":["useContext","useEffect","useMemo","Context","useOffcanvas","visible","scroll","context","scrollbars","hide","show"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/useOffcanvas.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACtD,OAAOC,OAAO,MAAM,kBAAe;AAEnC,eAAe,SAASC,YAAYA,CAACC,OAAgB,EAAEC,MAAe,EAAE;EACtE,MAAMC,OAAO,GAAGP,UAAU,CAACG,OAAO,CAAC;EAEnCF,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,OAAO,IAAIC,MAAM,EAAE;MACtB,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IACnB;IAEAC,OAAO,EAAEC,UAAU,CAACC,IAAI,CAAC,CAAC;IAE1B,OAAO,MAAM;MACXF,OAAO,EAAEC,UAAU,CAACE,IAAI,CAAC,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,EAAEC,MAAM,EAAEC,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE1C,OAAON,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAClC","ignoreList":[]}
+{"version":3,"names":["useId","useMemo","useOffcanvas","identifier"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/offcanvas/useOffcanvas.ts"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAEtC,eAAe,SAASC,YAAYA,CAAA,EAAG;EACrC,MAAMC,UAAU,GAAGH,KAAK,CAAC,CAAC;EAE1B,OAAOC,OAAO,CACZ,OAAO;IACLE;EACF,CAAC,CAAC,EACF,EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/pagination/PaginationItem.js

@@ -26,8 +26,8 @@ const styles = StyleSheet.create({
     &:focus {
       color: $pagination-focus-color;
       background-color: $pagination-focus-bg;
-      //$pagination-focus-box-shadow:
-      //$pagination-focus-outline:
+      // box-shadow: $pagination-focus-box-shadow;
+      // outline: $pagination-focus-outline;
     }
   `,
   '.pagination-item:first-child': css`
@@ -77,42 +77,42 @@ const PaginationItem = /*#__PURE__*/React.forwardRef((props, ref) => {
 PaginationItem.displayName = 'PaginationItem';
 export default PaginationItem;
 
-/*
-$pagination-padding-y:              .375rem;
-$pagination-padding-x:              .75rem;
-$pagination-padding-y-sm:           .25rem;
-$pagination-padding-x-sm:           .5rem;
-$pagination-padding-y-lg:           .75rem;
-$pagination-padding-x-lg:           1.5rem;
-
-$pagination-color:                  $link-color;
-$pagination-bg:                     $white;
-$pagination-border-width:           $border-width;
-$pagination-border-radius:          $border-radius;
-$pagination-margin-start:           -$pagination-border-width;
-$pagination-border-color:           $gray-300;
-
-$pagination-focus-color:            $link-hover-color;
-$pagination-focus-bg:               $gray-200;
-$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;
-$pagination-focus-outline:          0;
-
-$pagination-hover-color:            $link-hover-color;
-$pagination-hover-bg:               $gray-200;
-$pagination-hover-border-color:     $gray-300;
-
-$pagination-active-color:           $component-active-color;
-$pagination-active-bg:              $component-active-bg;
-$pagination-active-border-color:    $pagination-active-bg;
-
-$pagination-disabled-color:         $gray-600;
-$pagination-disabled-bg:            $white;
-$pagination-disabled-border-color:  $gray-300;
-
-$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-
-$pagination-border-radius-sm:       $border-radius-sm;
-$pagination-border-radius-lg:       $border-radius-lg;
-
+/*
+$pagination-padding-y:              .375rem;
+$pagination-padding-x:              .75rem;
+$pagination-padding-y-sm:           .25rem;
+$pagination-padding-x-sm:           .5rem;
+$pagination-padding-y-lg:           .75rem;
+$pagination-padding-x-lg:           1.5rem;
+
+$pagination-color:                  $link-color;
+$pagination-bg:                     $white;
+$pagination-border-width:           $border-width;
+$pagination-border-radius:          $border-radius;
+$pagination-margin-start:           -$pagination-border-width;
+$pagination-border-color:           $gray-300;
+
+$pagination-focus-color:            $link-hover-color;
+$pagination-focus-bg:               $gray-200;
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow;
+$pagination-focus-outline:          0;
+
+$pagination-hover-color:            $link-hover-color;
+$pagination-hover-bg:               $gray-200;
+$pagination-hover-border-color:     $gray-300;
+
+$pagination-active-color:           $component-active-color;
+$pagination-active-bg:              $component-active-bg;
+$pagination-active-border-color:    $pagination-active-bg;
+
+$pagination-disabled-color:         $gray-600;
+$pagination-disabled-bg:            $white;
+$pagination-disabled-border-color:  $gray-300;
+
+$pagination-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+
+$pagination-border-radius-sm:       $border-radius-sm;
+$pagination-border-radius-lg:       $border-radius-lg;
+
 */
 //# sourceMappingURL=PaginationItem.js.map

package/lib/module/components/popover/Popover.js

@@ -3,7 +3,7 @@
 import React, { useMemo } from 'react';
 import { Platform } from 'react-native';
 import StyleSheet from "../../style/StyleSheet.js";
-import { getStyles, transformPlacement } from "../../utils.js";
+import { getStyles } from "../../utils.js";
 import css from "../../style/css.js";
 import View from "../View.js";
 import PopoverArrow from "./PopoverArrow.js";
@@ -16,7 +16,7 @@ const styles = StyleSheet.create({
     position: absolute;
     // top: 0;
     // left: 0 #{"/* rtl:ignore */"};
-    z-index: $zindex-popover;
+    // z-index: $zindex-popover;
     // display: block;
     max-width: $popover-max-width;
     background-color: $popover-bg;
@@ -38,17 +38,15 @@ const Popover = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     placement = 'right',
-    popper,
+    floating,
     style,
     textStyle,
-    arrowStyle,
     ...elementProps
   } = props;
   const popover = useMemo(() => ({
-    placement: transformPlacement(placement),
-    arrowStyle,
-    popper
-  }), [arrowStyle]);
+    placement,
+    floating
+  }), [placement, floating]);
   const classes = getStyles(styles, ['.popover']);
   const textClasses = getStyles(styles, ['.popover --text']);
 

package/lib/module/components/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Platform","StyleSheet","getStyles","transformPlacement","css","View","PopoverArrow","PopoverHeader","PopoverBody","PopoverContext","jsx","_jsx","styles","create","Popover","forwardRef","props","ref","children","placement","popper","style","textStyle","arrowStyle","elementProps","popover","classes","textClasses","role","OS","undefined","Provider","value","displayName","Object","assign","Arrow","Header","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/popover/Popover.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,SAASC,SAAS,EAAEC,kBAAkB,QAAQ,gBAAa;AAC3D,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,IAAI,MAA8B,YAAS;AAClD,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,aAAa,MAAM,oBAAiB;AAC3C,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,cAAc,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS9C,MAAMC,MAAM,GAAGX,UAAU,CAACY,MAAM,CAAC;EAC/B,UAAU,EAAET,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,iBAAiB,EAAEA,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMU,OAAO,gBAAGhB,KAAK,CAACiB,UAAU,CAAwB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IACJC,QAAQ;IACRC,SAAS,GAAG,OAAO;IACnBC,MAAM;IACNC,KAAK;IACLC,SAAS;IACTC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,OAAO,GAAG1B,OAAO,CACrB,OAAO;IACLoB,SAAS,EAAEhB,kBAAkB,CAACgB,SAAS,CAAC;IACxCI,UAAU;IACVH;EACF,CAAC,CAAC,EACF,CAACG,UAAU,CACb,CAAC;EAED,MAAMG,OAAO,GAAGxB,SAAS,CAACU,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC;EAC/C,MAAMe,WAAW,GAAGzB,SAAS,CAACU,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC;;EAE1D;EACA,MAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAS;EAE1D,oBACEnB,IAAA,CAACN,IAAI;IAAA,GACCmB,YAAY;IAChBP,GAAG,EAAEA,GAAI;IACTW,IAAI,EAAEA,IAAK;IACXP,KAAK,EAAE,CAACK,OAAO,EAAEL,KAAK,CAAE;IACxBC,SAAS,EAAE,CAACK,WAAW,EAAEL,SAAS,CAAE;IAAAJ,QAAA,eAEpCP,IAAA,CAACF,cAAc,CAACsB,QAAQ;MAACC,KAAK,EAAEP,OAAQ;MAAAP,QAAA,EACrCA;IAAQ,CACc;EAAC,CACtB,CAAC;AAEX,CAAC,CAAC;AAEFJ,OAAO,CAACmB,WAAW,GAAG,SAAS;AAE/B,eAAeC,MAAM,CAACC,MAAM,CAACrB,OAAO,EAAE;EACpCsB,KAAK,EAAE9B,YAAY;EACnB+B,MAAM,EAAE9B,aAAa;EACrB+B,IAAI,EAAE9B;AACR,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Platform","StyleSheet","getStyles","css","View","PopoverArrow","PopoverHeader","PopoverBody","PopoverContext","jsx","_jsx","styles","create","Popover","forwardRef","props","ref","children","placement","floating","style","textStyle","elementProps","popover","classes","textClasses","role","OS","undefined","Provider","value","displayName","Object","assign","Arrow","Header","Body"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/popover/Popover.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,UAAU,MAAM,2BAAwB;AAC/C,SAASC,SAAS,QAAQ,gBAAa;AACvC,OAAOC,GAAG,MAAM,oBAAiB;AACjC,OAAOC,IAAI,MAA8B,YAAS;AAClD,OAAOC,YAAY,MAAM,mBAAgB;AACzC,OAAOC,aAAa,MAAM,oBAAiB;AAC3C,OAAOC,WAAW,MAAM,kBAAe;AACvC,OAAOC,cAAc,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ9C,MAAMC,MAAM,GAAGV,UAAU,CAACW,MAAM,CAAC;EAC/B,UAAU,EAAET,GAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;EACD,iBAAiB,EAAEA,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMU,OAAO,gBAAGf,KAAK,CAACgB,UAAU,CAAwB,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtE,MAAM;IACJC,QAAQ;IACRC,SAAS,GAAG,OAAO;IACnBC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,OAAO,GAAGxB,OAAO,CACrB,OAAO;IACLmB,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CAACD,SAAS,EAAEC,QAAQ,CACtB,CAAC;EAED,MAAMK,OAAO,GAAGtB,SAAS,CAACS,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC;EAC/C,MAAMc,WAAW,GAAGvB,SAAS,CAACS,MAAM,EAAE,CAAC,iBAAiB,CAAC,CAAC;;EAE1D;EACA,MAAMe,IAAI,GAAG1B,QAAQ,CAAC2B,EAAE,KAAK,KAAK,GAAG,SAAS,GAAGC,SAAS;EAE1D,oBACElB,IAAA,CAACN,IAAI;IAAA,GACCkB,YAAY;IAChBN,GAAG,EAAEA,GAAI;IACTU,IAAI,EAAEA,IAAK;IACXN,KAAK,EAAE,CAACI,OAAO,EAAEJ,KAAK,CAAE;IACxBC,SAAS,EAAE,CAACI,WAAW,EAAEJ,SAAS,CAAE;IAAAJ,QAAA,eAEpCP,IAAA,CAACF,cAAc,CAACqB,QAAQ;MAACC,KAAK,EAAEP,OAAQ;MAAAN,QAAA,EACrCA;IAAQ,CACc;EAAC,CACtB,CAAC;AAEX,CAAC,CAAC;AAEFJ,OAAO,CAACkB,WAAW,GAAG,SAAS;AAE/B,eAAeC,MAAM,CAACC,MAAM,CAACpB,OAAO,EAAE;EACpCqB,KAAK,EAAE7B,YAAY;EACnB8B,MAAM,EAAE7B,aAAa;EACrB8B,IAAI,EAAE7B;AACR,CAAC,CAAC","ignoreList":[]}