@opengovsg/oui 0.0.28 → 0.0.30

package/dist/cjs/node_modules/.pnpm/@react-aria_overlays@3.30.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@react-aria/overlays/dist/usePreventScroll.cjs

@@ -0,0 +1,208 @@
+'use strict';
+
+var utils = require('@react-aria/utils');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+const $49c51c25361d4cd2$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
+// The number of active usePreventScroll calls. Used to determine whether to revert back to the original page style/scroll position
+let $49c51c25361d4cd2$var$preventScrollCount = 0;
+let $49c51c25361d4cd2$var$restore;
+function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
+    let { isDisabled: isDisabled } = options;
+    (utils.useLayoutEffect)(()=>{
+        if (isDisabled) return;
+        $49c51c25361d4cd2$var$preventScrollCount++;
+        if ($49c51c25361d4cd2$var$preventScrollCount === 1) {
+            if ((utils.isIOS)()) $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollMobileSafari();
+            else $49c51c25361d4cd2$var$restore = $49c51c25361d4cd2$var$preventScrollStandard();
+        }
+        return ()=>{
+            $49c51c25361d4cd2$var$preventScrollCount--;
+            if ($49c51c25361d4cd2$var$preventScrollCount === 0) $49c51c25361d4cd2$var$restore();
+        };
+    }, [
+        isDisabled
+    ]);
+}
+// For most browsers, all we need to do is set `overflow: hidden` on the root element, and
+// add some padding to prevent the page from shifting when the scrollbar is hidden.
+function $49c51c25361d4cd2$var$preventScrollStandard() {
+    let scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+    return (utils.chain)(scrollbarWidth > 0 && // Use scrollbar-gutter when supported because it also works for fixed positioned elements.
+    ('scrollbarGutter' in document.documentElement.style ? $49c51c25361d4cd2$var$setStyle(document.documentElement, 'scrollbarGutter', 'stable') : $49c51c25361d4cd2$var$setStyle(document.documentElement, 'paddingRight', `${scrollbarWidth}px`)), $49c51c25361d4cd2$var$setStyle(document.documentElement, 'overflow', 'hidden'));
+}
+// Mobile Safari is a whole different beast. Even with overflow: hidden,
+// it still scrolls the page in many situations:
+//
+// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.
+// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of
+//    it, so it becomes scrollable.
+// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.
+//    This may cause even fixed position elements to scroll off the screen.
+// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always
+//    scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.
+//
+// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:
+//
+// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling
+//    on the window.
+// 2. Set `overscroll-behavior: contain` on nested scrollable regions so they do not scroll the page when at
+//    the top or bottom. Work around a bug where this does not work when the element does not actually overflow
+//    by preventing default in a `touchmove` event. This is best effort: we can't prevent default when pinch
+//    zooming or when an element contains text selection, which may allow scrolling in some cases.
+// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.
+// 4. When focus moves to an input, create an off screen input and focus that temporarily. This prevents 
+//    Safari from scrolling the page. After a small delay, focus the real input and scroll it into view
+//    ourselves, without scrolling the whole page.
+function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
+    let scrollable;
+    let allowTouchMove = false;
+    let onTouchStart = (e)=>{
+        // Store the nearest scrollable parent element from the element that the user touched.
+        let target = e.target;
+        scrollable = (utils.isScrollable)(target) ? target : (utils.getScrollParent)(target, true);
+        allowTouchMove = false;
+        // If the target is selected, don't preventDefault in touchmove to allow user to adjust selection.
+        let selection = target.ownerDocument.defaultView.getSelection();
+        if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
+        // If this is a focused input element with a selected range, allow user to drag the selection handles.
+        if ('selectionStart' in target && 'selectionEnd' in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
+    };
+    // Prevent scrolling up when at the top and scrolling down when at the bottom
+    // of a nested scrollable area, otherwise mobile Safari will start scrolling
+    // the window instead.
+    // This must be applied before the touchstart event as of iOS 26, so inject it as a <style> element.
+    let style = document.createElement('style');
+    style.textContent = `
+@layer {
+  * {
+    overscroll-behavior: contain;
+  }
+}`.trim();
+    document.head.prepend(style);
+    let onTouchMove = (e)=>{
+        // Allow pinch-zooming.
+        if (e.touches.length === 2 || allowTouchMove) return;
+        // Prevent scrolling the window.
+        if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
+            e.preventDefault();
+            return;
+        }
+        // overscroll-behavior should prevent scroll chaining, but currently does not
+        // if the element doesn't actually overflow. https://bugs.webkit.org/show_bug.cgi?id=243452
+        // This checks that both the width and height do not overflow, otherwise we might
+        // block horizontal scrolling too. In that case, adding `touch-action: pan-x` to
+        // the element will prevent vertical page scrolling. We can't add that automatically
+        // because it must be set before the touchstart event.
+        if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
+    };
+    let onBlur = (e)=>{
+        let target = e.target;
+        let relatedTarget = e.relatedTarget;
+        if (relatedTarget && (utils.willOpenKeyboard)(relatedTarget)) {
+            // Focus without scrolling the whole page, and then scroll into view manually.
+            relatedTarget.focus({
+                preventScroll: true
+            });
+            $49c51c25361d4cd2$var$scrollIntoViewWhenReady(relatedTarget, (utils.willOpenKeyboard)(target));
+        } else if (!relatedTarget) {
+            var _target_parentElement;
+            // When tapping the Done button on the keyboard, focus moves to the body.
+            // FocusScope will then restore focus back to the input. Later when tapping
+            // the same input again, it is already focused, so no blur event will fire,
+            // resulting in the flow above never running and Safari's native scrolling occurring.
+            // Instead, move focus to the parent focusable element (e.g. the dialog).
+            let focusable = (_target_parentElement = target.parentElement) === null || _target_parentElement === void 0 ? void 0 : _target_parentElement.closest('[tabindex]');
+            focusable === null || focusable === void 0 ? void 0 : focusable.focus({
+                preventScroll: true
+            });
+        }
+    };
+    // Override programmatic focus to scroll into view without scrolling the whole page.
+    let focus = HTMLElement.prototype.focus;
+    HTMLElement.prototype.focus = function(opts) {
+        // Track whether the keyboard was already visible before.
+        let wasKeyboardVisible = document.activeElement != null && (utils.willOpenKeyboard)(document.activeElement);
+        // Focus the element without scrolling the page.
+        focus.call(this, {
+            ...opts,
+            preventScroll: true
+        });
+        if (!opts || !opts.preventScroll) $49c51c25361d4cd2$var$scrollIntoViewWhenReady(this, wasKeyboardVisible);
+    };
+    let removeEvents = (utils.chain)($49c51c25361d4cd2$var$addEvent(document, 'touchstart', onTouchStart, {
+        passive: false,
+        capture: true
+    }), $49c51c25361d4cd2$var$addEvent(document, 'touchmove', onTouchMove, {
+        passive: false,
+        capture: true
+    }), $49c51c25361d4cd2$var$addEvent(document, 'blur', onBlur, true));
+    return ()=>{
+        removeEvents();
+        style.remove();
+        HTMLElement.prototype.focus = focus;
+    };
+}
+// Sets a CSS property on an element, and returns a function to revert it to the previous value.
+function $49c51c25361d4cd2$var$setStyle(element, style, value) {
+    let cur = element.style[style];
+    element.style[style] = value;
+    return ()=>{
+        element.style[style] = cur;
+    };
+}
+// Adds an event listener to an element, and returns a function to remove it.
+function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
+    // internal function, so it's ok to ignore the difficult to fix type error
+    // @ts-ignore
+    target.addEventListener(event, handler, options);
+    return ()=>{
+        // @ts-ignore
+        target.removeEventListener(event, handler, options);
+    };
+}
+function $49c51c25361d4cd2$var$scrollIntoViewWhenReady(target, wasKeyboardVisible) {
+    if (wasKeyboardVisible || !$49c51c25361d4cd2$var$visualViewport) // If the keyboard was already visible, scroll the target into view immediately.
+    $49c51c25361d4cd2$var$scrollIntoView(target);
+    else // Otherwise, wait for the visual viewport to resize before scrolling so we can
+    // measure the correct position to scroll to.
+    $49c51c25361d4cd2$var$visualViewport.addEventListener('resize', ()=>$49c51c25361d4cd2$var$scrollIntoView(target), {
+        once: true
+    });
+}
+function $49c51c25361d4cd2$var$scrollIntoView(target) {
+    let root = document.scrollingElement || document.documentElement;
+    let nextTarget = target;
+    while(nextTarget && nextTarget !== root){
+        // Find the parent scrollable element and adjust the scroll position if the target is not already in view.
+        let scrollable = (utils.getScrollParent)(nextTarget);
+        if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
+            let scrollableRect = scrollable.getBoundingClientRect();
+            let targetRect = nextTarget.getBoundingClientRect();
+            if (targetRect.top < scrollableRect.top || targetRect.bottom > scrollableRect.top + nextTarget.clientHeight) {
+                let bottom = scrollableRect.bottom;
+                if ($49c51c25361d4cd2$var$visualViewport) bottom = Math.min(bottom, $49c51c25361d4cd2$var$visualViewport.offsetTop + $49c51c25361d4cd2$var$visualViewport.height);
+                // Center within the viewport.
+                let adjustment = targetRect.top - scrollableRect.top - ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);
+                scrollable.scrollTo({
+                    // Clamp to the valid range to prevent over-scrolling.
+                    top: Math.max(0, Math.min(scrollable.scrollHeight - scrollable.clientHeight, scrollable.scrollTop + adjustment)),
+                    behavior: 'smooth'
+                });
+            }
+        }
+        nextTarget = scrollable.parentElement;
+    }
+}
+
+exports.usePreventScroll = $49c51c25361d4cd2$export$ee0f7cc6afcd1c18;

package/dist/cjs/node_modules/.pnpm/@react-aria_ssr@3.9.10_react@19.2.3/node_modules/@react-aria/ssr/dist/SSRProvider.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var $670gB$react = require('react');
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ // We must avoid a circular dependency with @react-aria/utils, and this useLayoutEffect is
+// guarded by a check that it only runs on the client side.
+// eslint-disable-next-line rulesdir/useLayoutEffectRule
+
+// Default context value to use in case there is no SSRProvider. This is fine for
+// client-only apps. In order to support multiple copies of React Aria potentially
+// being on the page at once, the prefix is set to a random number. SSRProvider
+// will reset this to zero for consistency between server and client, so in the
+// SSR case multiple copies of React Aria is not supported.
+const $b5e257d569688ac6$var$defaultContext = {
+    prefix: String(Math.round(Math.random() * 10000000000)),
+    current: 0
+};
+const $b5e257d569688ac6$var$SSRContext = /*#__PURE__*/ ($670gB$react).createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /*#__PURE__*/ ($670gB$react).createContext(false);
+let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
+let $b5e257d569688ac6$var$componentIds = new WeakMap();
+function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
+    let ctx = ($670gB$react.useContext)($b5e257d569688ac6$var$SSRContext);
+    let ref = ($670gB$react.useRef)(null);
+    // eslint-disable-next-line rulesdir/pure-render
+    if (ref.current === null && !isDisabled) {
+        var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+        // In strict mode, React renders components twice, and the ref will be reset to null on the second render.
+        // This means our id counter will be incremented twice instead of once. This is a problem because on the
+        // server, components are only rendered once and so ids generated on the server won't match the client.
+        // In React 18, useId was introduced to solve this, but it is not available in older versions. So to solve this
+        // we need to use some React internals to access the underlying Fiber instance, which is stable between renders.
+        // This is exposed as ReactCurrentOwner in development, which is all we need since StrictMode only runs in development.
+        // To ensure that we only increment the global counter once, we store the starting id for this component in
+        // a weak map associated with the Fiber. On the second render, we reset the global counter to this value.
+        // Since React runs the second render immediately after the first, this is safe.
+        // @ts-ignore
+        let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ($670gB$react).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+        if (currentOwner) {
+            let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
+            if (prevComponentValue == null) // On the first render, and first call to useId, store the id and state in our weak map.
+            $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+                id: ctx.current,
+                state: currentOwner.memoizedState
+            });
+            else if (currentOwner.memoizedState !== prevComponentValue.state) {
+                // On the second render, the memoizedState gets reset by React.
+                // Reset the counter, and remove from the weak map so we don't
+                // do this for subsequent useId calls.
+                ctx.current = prevComponentValue.id;
+                $b5e257d569688ac6$var$componentIds.delete(currentOwner);
+            }
+        }
+        // eslint-disable-next-line rulesdir/pure-render
+        ref.current = ++ctx.current;
+    }
+    // eslint-disable-next-line rulesdir/pure-render
+    return ref.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
+    let ctx = ($670gB$react.useContext)($b5e257d569688ac6$var$SSRContext);
+    // If we are rendering in a non-DOM environment, and there's no SSRProvider,
+    // provide a warning to hint to the developer to add one.
+    if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM && process.env.NODE_ENV !== 'production') console.warn('When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.');
+    let counter = $b5e257d569688ac6$var$useCounter(!!defaultId);
+    let prefix = ctx === $b5e257d569688ac6$var$defaultContext && process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${ctx.prefix}`;
+    return defaultId || `${prefix}-${counter}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
+    let id = ($670gB$react).useId();
+    let [didSSR] = ($670gB$react.useState)($b5e257d569688ac6$export$535bd6ca7f90a273());
+    let prefix = didSSR || process.env.NODE_ENV === 'test' ? 'react-aria' : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+    return defaultId || `${prefix}-${id}`;
+}
+typeof ($670gB$react)['useId'] === 'function' ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+    return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+    return true;
+}
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+    // noop
+    return ()=>{};
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+    // In React 18, we can use useSyncExternalStore to detect if we're server rendering or hydrating.
+    if (typeof ($670gB$react)['useSyncExternalStore'] === 'function') return ($670gB$react)['useSyncExternalStore']($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return ($670gB$react.useContext)($b5e257d569688ac6$var$IsSSRContext);
+}
+
+exports.useIsSSR = $b5e257d569688ac6$export$535bd6ca7f90a273;

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/Icon.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var $670gB$react = require('react');
 var defaultAttributes = require('./defaultAttributes.cjs');
 var utils = require('./shared/src/utils.cjs');
 
@@ -14,7 +14,7 @@ var utils = require('./shared/src/utils.cjs');
  */
 
 
-const Icon = react.forwardRef(
+const Icon = $670gB$react.forwardRef(
   ({
     color = "currentColor",
     size = 24,
@@ -25,7 +25,7 @@ const Icon = react.forwardRef(
     iconNode,
     ...rest
   }, ref) => {
-    return react.createElement(
+    return $670gB$react.createElement(
       "svg",
       {
         ref,
@@ -38,7 +38,7 @@ const Icon = react.forwardRef(
         ...rest
       },
       [
-        ...iconNode.map(([tag, attrs]) => react.createElement(tag, attrs)),
+        ...iconNode.map(([tag, attrs]) => $670gB$react.createElement(tag, attrs)),
         ...Array.isArray(children) ? children : [children]
       ]
     );

package/dist/cjs/node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/createLucideIcon.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var react = require('react');
+var $670gB$react = require('react');
 var utils = require('./shared/src/utils.cjs');
 var Icon = require('./Icon.cjs');
 
@@ -15,8 +15,8 @@ var Icon = require('./Icon.cjs');
 
 
 const createLucideIcon = (iconName, iconNode) => {
-  const Component = react.forwardRef(
-    ({ className, ...props }, ref) => react.createElement(Icon.default, {
+  const Component = $670gB$react.forwardRef(
+    ({ className, ...props }, ref) => $670gB$react.createElement(Icon.default, {
       ref,
       iconNode,
       className: utils.mergeClasses(`lucide-${utils.toKebabCase(iconName)}`, className),

package/dist/cjs/number-field/number-field.cjs

@@ -5,12 +5,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
+var button = require('../button/button.cjs');
+var field = require('../field/field.cjs');
 var input = require('../input/input.cjs');
 var utils = require('../system/utils.cjs');
 var minus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/minus.cjs');
 var plus = require('../node_modules/.pnpm/lucide-react@0.475.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/plus.cjs');
-var field = require('../field/field.cjs');
-var button = require('../button/button.cjs');
 
 function NumberField(originalProps) {
   const [

package/dist/cjs/pagination/hooks/use-pagination.cjs

@@ -2,7 +2,7 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var i18n = require('@react-aria/i18n');
 
 var PaginationItemType = /* @__PURE__ */ ((PaginationItemType2) => {
@@ -25,22 +25,22 @@ function usePagination(props) {
     showControls = false,
     onChange
   } = props;
-  const [activePage, setActivePage] = react.useState(page || initialPage);
+  const [activePage, setActivePage] = $670gB$react.useState(page || initialPage);
   const { direction } = i18n.useLocale();
   const isRTL = direction === "rtl";
-  const onChangeActivePage = react.useCallback(
+  const onChangeActivePage = $670gB$react.useCallback(
     (newPage) => {
       setActivePage(newPage);
       onChange?.(newPage);
     },
     [onChange]
   );
-  react.useEffect(() => {
+  $670gB$react.useEffect(() => {
     if (page && page !== activePage) {
       setActivePage(page);
     }
   }, [activePage, page]);
-  const setPage = react.useCallback(
+  const setPage = $670gB$react.useCallback(
     (pageNumber) => {
       if (pageNumber <= 0) {
         onChangeActivePage(1);
@@ -56,7 +56,7 @@ function usePagination(props) {
   const previous = () => setPage(activePage - 1);
   const first = () => setPage(1);
   const last = () => setPage(total);
-  const formatRange = react.useCallback(
+  const formatRange = $670gB$react.useCallback(
     (range2) => {
       if (showControls) {
         return ["prev" /* PREV */, ...range2, "next" /* NEXT */];
@@ -66,7 +66,7 @@ function usePagination(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [isRTL, showControls]
   );
-  const paginationRange = react.useMemo(() => {
+  const paginationRange = $670gB$react.useMemo(() => {
     const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
     if (totalPageNumbers >= total) {
       return formatRange(range(1, total));

package/dist/cjs/pagination/pagination.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var i18n = require('@react-aria/i18n');
 var ouiTheme = require('@opengovsg/oui-theme');
 var utils = require('../system/utils.cjs');
@@ -40,7 +40,7 @@ const Pagination = utils.forwardRef((props, ref) => {
   } = usePagination.usePagination({ ...props, ref });
   const { direction } = i18n.useLocale();
   const isRTL = direction === "rtl";
-  const renderChevronIcon = react.useCallback(
+  const renderChevronIcon = $670gB$react.useCallback(
     (key) => {
       if (key === usePagination$1.PaginationItemType.PREV && !isRTL || key === usePagination$1.PaginationItemType.NEXT && isRTL) {
         return /* @__PURE__ */ jsxRuntime.jsx(chevronLeft.default, {});
@@ -56,7 +56,7 @@ const Pagination = utils.forwardRef((props, ref) => {
     },
     [isRTL, slots, classNames?.chevronNext]
   );
-  const renderPrevItem = react.useCallback(() => {
+  const renderPrevItem = $670gB$react.useCallback(() => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       paginationItem.PaginationItem,
       {
@@ -82,7 +82,7 @@ const Pagination = utils.forwardRef((props, ref) => {
     onPrevious,
     renderChevronIcon
   ]);
-  const renderNextItem = react.useCallback(() => {
+  const renderNextItem = $670gB$react.useCallback(() => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       paginationItem.PaginationItem,
       {
@@ -109,7 +109,7 @@ const Pagination = utils.forwardRef((props, ref) => {
     onNext,
     renderChevronIcon
   ]);
-  const renderItem = react.useCallback(
+  const renderItem = $670gB$react.useCallback(
     (value, index) => {
       const isBefore = index < range.indexOf(activePage);
       if (renderItemProp && typeof renderItemProp === "function") {
@@ -209,7 +209,7 @@ const Pagination = utils.forwardRef((props, ref) => {
           usePagination$1.PaginationItemType.DOTS + isBefore
         );
       }
-      return /* @__PURE__ */ react.createElement(
+      return /* @__PURE__ */ $670gB$react.createElement(
         paginationItem.PaginationItem,
         {
           ...getItemProps({ value }),

package/dist/cjs/pagination/use-pagination-item.cjs

@@ -2,13 +2,13 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var focus = require('@react-aria/focus');
 var interactions = require('@react-aria/interactions');
 var utils = require('@react-aria/utils');
 var ouiTheme = require('@opengovsg/oui-theme');
-var filterDomProps = require('../system/react-utils/filter-dom-props.cjs');
 var refs = require('../system/react-utils/refs.cjs');
+var filterDomProps = require('../system/react-utils/filter-dom-props.cjs');
 
 function usePaginationItem(props) {
   const {
@@ -29,7 +29,7 @@ function usePaginationItem(props) {
   const shouldFilterDOMProps = typeof Component === "string";
   const domRef = refs.useDomRef(ref);
   const router = utils.useRouter();
-  const ariaLabel = react.useMemo(
+  const ariaLabel = $670gB$react.useMemo(
     () => isActive ? `${getAriaLabel?.(value)} active` : getAriaLabel?.(value),
     [isActive, getAriaLabel, value]
   );

package/dist/cjs/pagination/use-pagination.cjs

@@ -2,7 +2,7 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var scrollIntoView = require('scroll-into-view-if-needed');
 var useDeepCompare = require('use-deep-compare');
 var usehooksTs = require('usehooks-ts');
@@ -37,9 +37,9 @@ function usePagination(originalProps) {
   } = props;
   const Component = as || "nav";
   const domRef = refs.useDomRef(ref);
-  const cursorRef = react.useRef(null);
-  const itemsRef = react.useRef(null);
-  const cursorTimer = react.useRef(null);
+  const cursorRef = $670gB$react.useRef(null);
+  const itemsRef = $670gB$react.useRef(null);
+  const cursorTimer = $670gB$react.useRef(null);
   const disableAnimation = originalProps?.disableAnimation ?? false;
   const disableCursorAnimation = originalProps?.disableCursorAnimation ?? disableAnimation ?? false;
   function getItemsRefMap() {
@@ -56,7 +56,7 @@ function usePagination(originalProps) {
       map.delete(value);
     }
   }
-  const scrollTo = react.useCallback(
+  const scrollTo = $670gB$react.useCallback(
     (value, skipAnimation) => {
       const map = getItemsRefMap();
       const node = map.get(value);
@@ -103,13 +103,13 @@ function usePagination(originalProps) {
     onChange
   });
   const [setRef, isVisible] = usehooksTs.useIntersectionObserver();
-  react.useEffect(() => {
+  $670gB$react.useEffect(() => {
     if (domRef.current) {
       setRef(domRef.current);
     }
   }, [domRef, setRef]);
-  const activePageRef = react.useRef(activePage);
-  react.useEffect(() => {
+  const activePageRef = $670gB$react.useRef(activePage);
+  $670gB$react.useEffect(() => {
     if (activePage && !disableAnimation && isVisible) {
       scrollTo(activePage, activePage === activePageRef.current);
     }

package/dist/cjs/range-calendar/range-calendar.cjs

@@ -3,17 +3,17 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var date = require('@internationalized/date');
 var reactAriaComponents = require('react-aria-components');
 var useDeepCompare = require('use-deep-compare');
 var ouiTheme = require('@opengovsg/oui-theme');
+var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 var agnosticCalendarStateContext = require('../calendar/agnostic-calendar-state-context.cjs');
 var calendarBottomContent = require('../calendar/calendar-bottom-content.cjs');
 var calendarGridHeader = require('../calendar/calendar-grid-header.cjs');
 var calendarHeader = require('../calendar/calendar-header.cjs');
 var utils = require('../system/utils.cjs');
-var calendarStyleContext = require('../calendar/calendar-style-context.cjs');
 
 const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalProps, ref) {
   const [props, variantProps] = utils.mapPropsVariants(
@@ -36,7 +36,7 @@ const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalPr
     () => ouiTheme.calendarStyles({ ...variantProps, isRange: true }),
     [variantProps]
   );
-  const context = react.useMemo(
+  const context = $670gB$react.useMemo(
     () => ({
       slots,
       classNames,
@@ -46,7 +46,7 @@ const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalPr
     [className, classNames, slots, variantProps.size]
   );
   const numberOfVisibleMonths = props.visibleDuration?.months ?? 1;
-  const dateToHighlight = react.useMemo(() => {
+  const dateToHighlight = $670gB$react.useMemo(() => {
     if (props.defaultFocusedValue !== void 0) {
       return props.defaultFocusedValue;
     }
@@ -140,7 +140,7 @@ const RangeCalendar = utils.forwardRefGeneric(function RangeCalendar2(originalPr
 const RangeCalendarStateWrapper = ({
   children
 }) => {
-  const state = react.useContext(reactAriaComponents.RangeCalendarStateContext);
+  const state = $670gB$react.useContext(reactAriaComponents.RangeCalendarStateContext);
   return /* @__PURE__ */ jsxRuntime.jsx(reactAriaComponents.Provider, { values: [[agnosticCalendarStateContext.AgnosticCalendarStateContext, state]], children });
 };
 const RangeCalendarCell = ({
@@ -150,9 +150,9 @@ const RangeCalendarCell = ({
   firstDayOfWeek
 }) => {
   const { classNames, slots } = calendarStyleContext.useCalendarStyleContext();
-  const state = react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
+  const state = $670gB$react.useContext(agnosticCalendarStateContext.AgnosticCalendarStateContext);
   const { locale } = reactAriaComponents.useLocale();
-  const dataAttributes = react.useMemo(() => {
+  const dataAttributes = $670gB$react.useMemo(() => {
     const isDateHighlighted = dateToHighlight ? date$1.compare(dateToHighlight) === 0 : false;
     const isSelected = state.isSelected(date$1);
     const isDisabled = state.isCellDisabled(date$1);

package/dist/cjs/ripple/use-ripple.cjs

@@ -2,12 +2,12 @@
 "use client";
 'use strict';
 
-var react = require('react');
+var $670gB$react = require('react');
 var nanoid = require('nanoid');
 
 const useRipple = () => {
-  const [ripples, setRipples] = react.useState([]);
-  const onPress = react.useCallback((event) => {
+  const [ripples, setRipples] = $670gB$react.useState([]);
+  const onPress = $670gB$react.useCallback((event) => {
     const trigger = event.target;
     const size = Math.max(trigger.clientWidth, trigger.clientHeight);
     setRipples((prevRipples) => [
@@ -20,7 +20,7 @@ const useRipple = () => {
       }
     ]);
   }, []);
-  const onClear = react.useCallback((key) => {
+  const onClear = $670gB$react.useCallback((key) => {
     setRipples((prevState) => prevState.filter((ripple) => ripple.key !== key));
   }, []);
   return { ripples, onPress, onClear };