@opengovsg/oui 0.0.12 → 0.0.14

package/dist/cjs/toggle/toggle.cjs

@@ -3,7 +3,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var $670gB$react = require('react');
 var reactAria = require('react-aria');
 var reactAriaComponents = require('react-aria-components');
 var ouiTheme = require('@opengovsg/oui-theme');
@@ -20,12 +20,12 @@ const Toggle = ({
     ouiTheme.toggleStyles.variantKeys
   );
   const slots = ouiTheme.toggleStyles(variantProps);
-  const clonedThumbIcon = react.useCallback(
+  const clonedThumbIcon = $670gB$react.useCallback(
     (renderProps) => {
       const baseProps = {
         className: slots.thumbIcon({ className: classNames?.thumbIcon })
       };
-      return typeof thumbIcon === "function" ? thumbIcon(reactAria.mergeProps(baseProps, renderProps)) : thumbIcon && react.cloneElement(thumbIcon, baseProps);
+      return typeof thumbIcon === "function" ? thumbIcon(reactAria.mergeProps(baseProps, renderProps)) : thumbIcon && $670gB$react.cloneElement(thumbIcon, baseProps);
     },
     [classNames?.thumbIcon, slots, thumbIcon]
   );

package/dist/esm/banner/banner.js

@@ -5,9 +5,9 @@ import { useMemo, useRef } from 'react';
 import { useMessageFormatter, useDisclosure } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
 import { bannerStyles } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
 import CircleAlert from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/circle-alert.js';
 import Info from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/info.js';
-import { Button } from '../button/button.js';
 import X from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/x.js';
 
 const i18nStrings = {

package/dist/esm/checkbox/checkbox-group-style-context.js

@@ -0,0 +1,13 @@
+"use strict";
+"use client";
+import { createContext } from '../system/react-utils/context.js';
+
+const [CheckboxGroupStyleContext, useCheckboxGroupStyleContext] = createContext({
+  name: "CheckboxGroupStyleContext",
+  strict: false,
+  defaultValue: {
+    size: "md"
+  }
+});
+
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext };

package/dist/esm/checkbox/checkbox.js

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Checkbox as Checkbox$1, composeRenderProps, Provider, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
+import { checkboxStyles, checkboxGroupStyles } from '@opengovsg/oui-theme';
+import { Label, Description, FieldError } from '../field/field.js';
+import { mapPropsVariants } from '../system/utils.js';
+import { useCheckboxGroupStyleContext, CheckboxGroupStyleContext } from './checkbox-group-style-context.js';
+import Minus from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/minus.js';
+import Check from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/check.js';
+
+const Checkbox = ({
+  classNames,
+  className,
+  ...originalProps
+}) => {
+  const [props, variants] = mapPropsVariants(
+    originalProps,
+    checkboxStyles.variantKeys
+  );
+  const { size } = useCheckboxGroupStyleContext();
+  const styles = checkboxStyles({ size, ...variants });
+  return /* @__PURE__ */ jsx(
+    Checkbox$1,
+    {
+      ...props,
+      isDisabled: variants.isDisabled,
+      isInvalid: variants.isInvalid,
+      isSelected: variants.isSelected,
+      className: composeRenderProps(
+        className ?? classNames?.base,
+        (className2, renderProps) => styles.base({ ...renderProps, className: className2 })
+      ),
+      children: ({ isSelected, isIndeterminate, ...renderProps }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.box({
+              isSelected: isSelected || isIndeterminate,
+              ...renderProps,
+              className: classNames?.box
+            }),
+            children: isIndeterminate ? /* @__PURE__ */ jsx(
+              Minus,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : isSelected ? /* @__PURE__ */ jsx(
+              Check,
+              {
+                "aria-hidden": true,
+                className: styles.icon({ className: classNames?.icon })
+              }
+            ) : null
+          }
+        ),
+        props.children
+      ] })
+    }
+  );
+};
+function CheckboxGroup({
+  description,
+  errorMessage,
+  classNames,
+  size,
+  ...props
+}) {
+  const context = {
+    size
+  };
+  return /* @__PURE__ */ jsx(Provider, { values: [[CheckboxGroupStyleContext, context]], children: /* @__PURE__ */ jsxs(
+    CheckboxGroup$1,
+    {
+      ...props,
+      className: composeRenderProps(
+        props.className ?? classNames?.base,
+        (className, renderProps) => checkboxGroupStyles({ ...renderProps, size, className })
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Label, { size, className: classNames?.label, children: props.label }),
+        props.children,
+        description && /* @__PURE__ */ jsx(Description, { size, className: classNames?.description, children: description }),
+        /* @__PURE__ */ jsx(FieldError, { size, classNames: classNames?.error, children: errorMessage })
+      ]
+    }
+  ) });
+}
+
+export { Checkbox, CheckboxGroup };

package/dist/esm/checkbox/index.js

@@ -0,0 +1,3 @@
+"use strict";
+export { Checkbox, CheckboxGroup } from './checkbox.js';
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox-group-style-context.js';

package/dist/esm/date-picker/date-picker.js

@@ -4,13 +4,14 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { DatePicker as DatePicker$1, Dialog } from 'react-aria-components';
 import { datePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
+import { Calendar as Calendar$1 } from '../calendar/calendar.js';
+import '@internationalized/date';
+import { DateInput } from '../date-field/date-field.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { mapPropsVariants } from '../system/utils.js';
-import { DateInput } from '../date-field/date-field.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
-import { Calendar as Calendar$1 } from '../calendar/calendar.js';
-import { Button } from '../button/button.js';
 
 function DatePicker(originalProps) {
   const [

package/dist/esm/date-range-picker/date-range-picker.js

@@ -5,13 +5,13 @@ import { useMemo } from 'react';
 import { CalendarDate } from '@internationalized/date';
 import { DateRangePicker as DateRangePicker$1, Dialog } from 'react-aria-components';
 import { dateRangePickerStyles, composeTailwindRenderProps } from '@opengovsg/oui-theme';
+import { Button } from '../button/button.js';
+import { DateInput } from '../date-field/date-field.js';
 import { Label, FieldGroup, Description, FieldError } from '../field/field.js';
 import { Popover } from '../popover/popover.js';
 import { RangeCalendar } from '../range-calendar/range-calendar.js';
 import { mapPropsVariants } from '../system/utils.js';
 import Calendar from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/calendar.js';
-import { DateInput } from '../date-field/date-field.js';
-import { Button } from '../button/button.js';
 
 function DateRangePicker(originalProps) {
   const [

package/dist/esm/govt-banner/govt-banner.js

@@ -2,7 +2,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
-import { useMessageFormatter, useDisclosure, useButton, useFocusRing, mergeProps } from 'react-aria';
+import { useDisclosure, useButton, useFocusRing, mergeProps } from 'react-aria';
 import { useDisclosureState } from 'react-stately';
 import { govtBannerStyles, dataAttr, twMerge } from '@opengovsg/oui-theme';
 import ChevronDown from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/chevron-down.js';
@@ -10,54 +10,11 @@ import Landmark from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/no
 import ExternalLink from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/external-link.js';
 import Lock from '../node_modules/.pnpm/lucide-react@0.475.0_react@19.0.0/node_modules/lucide-react/dist/esm/icons/lock.js';
 
-const i18nStrings = {
-  "en-SG": {
-    mainLabel: "A Singapore Government Agency Website",
-    identifyLabel: "How to identify",
-    environmentLabel: "[NOTE: THIS IS A {environment} WEBSITE]",
-    officialLinkHeader: "Official website links end with .gov.sg",
-    officialLinkContent: "Government agencies communicate via <boldThis>.gov.sg</boldThis> websites (e.g. go.gov.sg/open).",
-    officialLinkTrusted: "Trusted websites",
-    secureHeader: "Secure websites use HTTPS",
-    secureContent: "Look for a <boldThis>lock</boldThis> {icon} or https:// as an added precaution. Share sensitive information only on official, secure websites."
-  },
-  "zh-SG": {
-    mainLabel: "A Singapore Government Agency Website",
-    identifyLabel: "How to identify",
-    environmentLabel: "[NOTE: THIS IS A {environment} WEBSITE]",
-    officialLinkHeader: "Official website links end with .gov.sg",
-    officialLinkContent: "Government agencies communicate via <boldThis>.gov.sg</boldThis> websites (e.g. go.gov.sg/open).",
-    officialLinkTrusted: "Trusted websites",
-    secureHeader: "Secure websites use HTTPS",
-    secureContent: "Look for a <boldThis>lock</boldThis> {icon} or https:// as an added precaution. Share sensitive information only on official, secure websites."
-  },
-  "ms-SG": {
-    mainLabel: "A Singapore Government Agency Website",
-    identifyLabel: "How to identify",
-    environmentLabel: "[NOTE: THIS IS A {environment} WEBSITE]",
-    officialLinkHeader: "Official website links end with .gov.sg",
-    officialLinkContent: "Government agencies communicate via <boldThis>.gov.sg</boldThis> websites (e.g. go.gov.sg/open).",
-    officialLinkTrusted: "Trusted websites",
-    secureHeader: "Secure websites use HTTPS",
-    secureContent: "Look for a <boldThis>lock</boldThis> {icon} or https:// as an added precaution. Share sensitive information only on official, secure websites."
-  },
-  "ta-SG": {
-    mainLabel: "A Singapore Government Agency Website",
-    identifyLabel: "How to identify",
-    environmentLabel: "[NOTE: THIS IS A {environment} WEBSITE]",
-    officialLinkHeader: "Official website links end with .gov.sg",
-    officialLinkContent: "Government agencies communicate via <boldThis>.gov.sg</boldThis> websites (e.g. go.gov.sg/open).",
-    officialLinkTrusted: "Trusted websites",
-    secureHeader: "Secure websites use HTTPS",
-    secureContent: "Look for a <boldThis>lock</boldThis> {icon} or https:// as an added precaution. Share sensitive information only on official, secure websites."
-  }
-};
 function GovtBanner({
   environment,
   classNames,
   ...props
 }) {
-  const formatMessage = useMessageFormatter(i18nStrings);
   const state = useDisclosureState(props);
   const panelRef = useRef(null);
   const triggerRef = useRef(null);
@@ -104,10 +61,12 @@ function GovtBanner({
                 {
                   className: slots.mainContent({ className: classNames?.mainContent }),
                   children: [
-                    /* @__PURE__ */ jsx("span", { children: formatMessage("mainLabel") }),
-                    environment ? /* @__PURE__ */ jsx("b", { children: formatMessage("environmentLabel", {
-                      environment: environment.toUpperCase()
-                    }) }) : null,
+                    /* @__PURE__ */ jsx("span", { children: "A Singapore Government Agency Website" }),
+                    environment ? /* @__PURE__ */ jsxs("b", { children: [
+                      "[NOTE: THIS IS A ",
+                      environment.toUpperCase(),
+                      " WEBSITE]"
+                    ] }) : null,
                     /* @__PURE__ */ jsxs(
                       "button",
                       {
@@ -119,7 +78,7 @@ function GovtBanner({
                         type: "button",
                         ...mergeProps(buttonProps, focusProps),
                         children: [
-                          /* @__PURE__ */ jsx("span", { className: slots.link({ className: classNames?.link }), children: formatMessage("identifyLabel") }),
+                          /* @__PURE__ */ jsx("span", { className: slots.link({ className: classNames?.link }), children: "How to identify" }),
                           /* @__PURE__ */ jsx(
                             ChevronDown,
                             {
@@ -162,13 +121,13 @@ function GovtBanner({
                           className: slots.panelHeader({
                             className: classNames?.panelHeader
                           }),
-                          children: formatMessage("officialLinkHeader")
+                          children: "Official website links end with .gov.sg"
                         }
                       ),
                       /* @__PURE__ */ jsxs("article", { children: [
-                        formatMessage("officialLinkContent", {
-                          boldThis: (content) => /* @__PURE__ */ jsx("b", { children: content })
-                        }),
+                        "Government agencies communicate via ",
+                        /* @__PURE__ */ jsx("b", { children: ".gov.sg" }),
+                        " websites (e.g. go.gov.sg/open).",
                         " ",
                         /* @__PURE__ */ jsxs(
                           "a",
@@ -178,7 +137,7 @@ function GovtBanner({
                             rel: "noreferrer",
                             target: "_blank",
                             children: [
-                              formatMessage("officialLinkTrusted", {}),
+                              "Trusted websites",
                               /* @__PURE__ */ jsx(
                                 ExternalLink,
                                 {
@@ -224,12 +183,14 @@ function GovtBanner({
                           className: slots.panelHeader({
                             className: classNames?.panelHeader
                           }),
-                          children: formatMessage("secureHeader")
+                          children: "Secure websites use HTTPS"
                         }
                       ),
-                      /* @__PURE__ */ jsx("article", { children: formatMessage("secureContent", {
-                        boldThis: (content) => /* @__PURE__ */ jsx("b", { children: content }),
-                        icon: /* @__PURE__ */ jsxs("span", { "aria-hidden": true, children: [
+                      /* @__PURE__ */ jsxs("article", { children: [
+                        "Look for a ",
+                        /* @__PURE__ */ jsx("b", { children: "lock" }),
+                        " ",
+                        /* @__PURE__ */ jsxs("span", { "aria-hidden": true, children: [
                           "(",
                           /* @__PURE__ */ jsx(
                             Lock,
@@ -240,8 +201,12 @@ function GovtBanner({
                             }
                           ),
                           ")"
-                        ] })
-                      }) })
+                        ] }),
+                        " ",
+                        "or ",
+                        /* @__PURE__ */ jsx("b", { children: "https://" }),
+                        " as an added precaution. Share sensitive information only on official, secure websites."
+                      ] })
                     ]
                   }
                 )

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 "use strict";
 export { useControllableState } from './hooks/use-controllable-state.js';
+export { Button } from './button/button.js';
 export { GovtBanner } from './govt-banner/govt-banner.js';
 export { Ripple } from './ripple/ripple.js';
 export { useRipple } from './ripple/use-ripple.js';
@@ -12,26 +13,32 @@ export { TextField } from './text-field/text-field.js';
 export { Description, FieldError, FieldGroup, Label } from './field/field.js';
 export { TextArea } from './text-area/text-area.js';
 export { TextAreaField } from './text-area-field/text-area-field.js';
+export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
+export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
+export { ComboBoxItem } from './combo-box/combo-box-item.js';
+export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
+export { Banner } from './banner/banner.js';
 export { TagField } from './tag-field/tag-field.js';
 export { TagFieldItem } from './tag-field/tag-field-item.js';
 export { Select } from './select/select.js';
 export { SelectItem } from './select/select-item.js';
 export { SelectVariantContext, useSelectVariantContext } from './select/select-variant-context.js';
+export { Badge } from './badge/badge.js';
+export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
+export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
+export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
+export { CalendarDate } from '@internationalized/date';
 export { RangeCalendar, RangeCalendarCell, RangeCalendarStateWrapper } from './range-calendar/range-calendar.js';
 export { Menu, MenuItem, MenuSection, MenuSeparator, MenuTrigger, MenuVariantContext, SubmenuTrigger, useMenuVariantContext } from './menu/menu.js';
 export { Popover } from './popover/popover.js';
 export { Tab, TabList, TabPanel, Tabs, TabsVariantContext, useTabsVariantContext } from './tabs/tabs.js';
+export { DateField, DateInput } from './date-field/date-field.js';
 export { DatePicker } from './date-picker/date-picker.js';
 export { DateRangePicker } from './date-range-picker/date-range-picker.js';
-export { Button } from './button/button.js';
-export { ComboBox, ComboBoxEmptyState } from './combo-box/combo-box.js';
-export { ComboBoxFuzzy } from './combo-box/combo-box-fuzzy.js';
-export { ComboBoxItem } from './combo-box/combo-box-item.js';
-export { ComboBoxVariantContext, useComboBoxVariantContext } from './combo-box/combo-box-variant-context.js';
-export { Banner } from './banner/banner.js';
-export { Badge } from './badge/badge.js';
-export { CalendarDate } from '@internationalized/date';
-export { Calendar, CalendarStateWrapper } from './calendar/calendar.js';
-export { CalendarStyleContext, useCalendarStyleContext } from './calendar/calendar-style-context.js';
-export { getEraFormat, useGenerateLocalizedMonths, useGenerateLocalizedYears, useLocalizedMonthYear } from './calendar/utils.js';
-export { DateField, DateInput } from './date-field/date-field.js';
+export { Checkbox, CheckboxGroup } from './checkbox/checkbox.js';
+export { CheckboxGroupStyleContext, useCheckboxGroupStyleContext } from './checkbox/checkbox-group-style-context.js';
+export { Pagination } from './pagination/pagination.js';
+export { PaginationCursor } from './pagination/pagination-cursor.js';
+export { PaginationItem } from './pagination/pagination-item.js';
+export { PaginationItemType } from './pagination/hooks/use-pagination.js';
+export { CURSOR_TRANSITION_TIMEOUT, usePagination } from './pagination/use-pagination.js';

package/dist/esm/node_modules/.pnpm/@react-aria_focus@3.20.5_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/focus/dist/useFocusRing.js

@@ -0,0 +1,43 @@
+import { useFocus as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from '../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.js';
+import { isFocusVisible as $507fabe10e71c6fb$export$b9b3dfddab17db27, useFocusVisibleListener as $507fabe10e71c6fb$export$ec71b4b83ac08ec3 } from '../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusVisible.js';
+import { useFocusWithin as $9ab94262bd0047c7$export$420e68273165f4ec } from '../../../../../@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocusWithin.js';
+import { useRef, useState, useCallback } from 'react';
+
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+    let { autoFocus: autoFocus = false, isTextInput: isTextInput, within: within } = props;
+    let state = (useRef)({
+        isFocused: false,
+        isFocusVisible: autoFocus || ($507fabe10e71c6fb$export$b9b3dfddab17db27)()
+    });
+    let [isFocused, setFocused] = (useState)(false);
+    let [isFocusVisibleState, setFocusVisible] = (useState)(()=>state.current.isFocused && state.current.isFocusVisible);
+    let updateState = (useCallback)(()=>setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+    let onFocusChange = (useCallback)((isFocused)=>{
+        state.current.isFocused = isFocused;
+        setFocused(isFocused);
+        updateState();
+    }, [
+        updateState
+    ]);
+    ($507fabe10e71c6fb$export$ec71b4b83ac08ec3)((isFocusVisible)=>{
+        state.current.isFocusVisible = isFocusVisible;
+        updateState();
+    }, [], {
+        isTextInput: isTextInput
+    });
+    let { focusProps: focusProps } = ($a1ea59d68270f0dd$export$f8168d8dd8fd66e6)({
+        isDisabled: within,
+        onFocusChange: onFocusChange
+    });
+    let { focusWithinProps: focusWithinProps } = ($9ab94262bd0047c7$export$420e68273165f4ec)({
+        isDisabled: !within,
+        onFocusWithinChange: onFocusChange
+    });
+    return {
+        isFocused: isFocused,
+        isFocusVisible: isFocusVisibleState,
+        focusProps: within ? focusWithinProps : focusProps
+    };
+}
+
+export { $f7dceffc5ad7768b$export$4e328f61c538687f as useFocusRing };

package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/context.js

@@ -0,0 +1,19 @@
+import $670gB$react from '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.
+ */ 
+const $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = ($670gB$react).createContext({
+    register: ()=>{}
+});
+$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = 'PressResponderContext';
+
+export { $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as PressResponderContext };

package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/textSelection.js

@@ -0,0 +1,69 @@
+import { isIOS, getOwnerDocument, runAfterTransition } from '@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.
+ */ 
+// Note that state only matters here for iOS. Non-iOS gets user-select: none applied to the target element
+// rather than at the document level so we just need to apply/remove user-select: none for each pressed element individually
+let $14c0b72509d70225$var$state = 'default';
+let $14c0b72509d70225$var$savedUserSelect = '';
+let $14c0b72509d70225$var$modifiedElementMap = new WeakMap();
+function $14c0b72509d70225$export$16a4697467175487(target) {
+    if ((isIOS)()) {
+        if ($14c0b72509d70225$var$state === 'default') {
+            const documentObject = (getOwnerDocument)(target);
+            $14c0b72509d70225$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+            documentObject.documentElement.style.webkitUserSelect = 'none';
+        }
+        $14c0b72509d70225$var$state = 'disabled';
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+        // If not iOS, store the target's original user-select and change to user-select: none
+        // Ignore state since it doesn't apply for non iOS
+        let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
+        $14c0b72509d70225$var$modifiedElementMap.set(target, target.style[property]);
+        target.style[property] = 'none';
+    }
+}
+function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
+    if ((isIOS)()) {
+        // If the state is already default, there's nothing to do.
+        // If it is restoring, then there's no need to queue a second restore.
+        if ($14c0b72509d70225$var$state !== 'disabled') return;
+        $14c0b72509d70225$var$state = 'restoring';
+        // There appears to be a delay on iOS where selection still might occur
+        // after pointer up, so wait a bit before removing user-select.
+        setTimeout(()=>{
+            // Wait for any CSS transitions to complete so we don't recompute style
+            // for the whole page in the middle of the animation and cause jank.
+            (runAfterTransition)(()=>{
+                // Avoid race conditions
+                if ($14c0b72509d70225$var$state === 'restoring') {
+                    const documentObject = (getOwnerDocument)(target);
+                    if (documentObject.documentElement.style.webkitUserSelect === 'none') documentObject.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || '';
+                    $14c0b72509d70225$var$savedUserSelect = '';
+                    $14c0b72509d70225$var$state = 'default';
+                }
+            });
+        }, 300);
+    } else if (target instanceof HTMLElement || target instanceof SVGElement) // If not iOS, restore the target's original user-select if any
+    // Ignore state since it doesn't apply for non iOS
+    {
+        if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
+            let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
+            let property = 'userSelect' in target.style ? 'userSelect' : 'webkitUserSelect';
+            if (target.style[property] === 'none') target.style[property] = targetOldUserSelect;
+            if (target.getAttribute('style') === '') target.removeAttribute('style');
+            $14c0b72509d70225$var$modifiedElementMap.delete(target);
+        }
+    }
+}
+
+export { $14c0b72509d70225$export$16a4697467175487 as disableTextSelection, $14c0b72509d70225$export$b0d6fa1ab32e3295 as restoreTextSelection };

package/dist/esm/node_modules/.pnpm/@react-aria_interactions@3.25.3_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@react-aria/interactions/dist/useFocus.js

@@ -0,0 +1,58 @@
+import { useSyntheticBlurEvent as $8a9cb279dc87e130$export$715c682d09d639cc } from './utils.js';
+import { useCallback } from 'react';
+import { getOwnerDocument, getActiveElement, getEventTarget } from '@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.
+ */ // Portions of the code in this file are based on code from react.
+// Original licensing for the following can be found in the
+// NOTICE file in the root directory of this source tree.
+// See https://github.com/facebook/react/tree/cc7c1aece46a6b69b41958d731e0fd27c94bfc6c/packages/react-interactions
+
+
+
+function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
+    let { isDisabled: isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange: onFocusChange } = props;
+    const onBlur = (useCallback)((e)=>{
+        if (e.target === e.currentTarget) {
+            if (onBlurProp) onBlurProp(e);
+            if (onFocusChange) onFocusChange(false);
+            return true;
+        }
+    }, [
+        onBlurProp,
+        onFocusChange
+    ]);
+    const onSyntheticFocus = ($8a9cb279dc87e130$export$715c682d09d639cc)(onBlur);
+    const onFocus = (useCallback)((e)=>{
+        // Double check that document.activeElement actually matches e.target in case a previously chained
+        // focus handler already moved focus somewhere else.
+        const ownerDocument = (getOwnerDocument)(e.target);
+        const activeElement = ownerDocument ? (getActiveElement)(ownerDocument) : (getActiveElement)();
+        if (e.target === e.currentTarget && activeElement === (getEventTarget)(e.nativeEvent)) {
+            if (onFocusProp) onFocusProp(e);
+            if (onFocusChange) onFocusChange(true);
+            onSyntheticFocus(e);
+        }
+    }, [
+        onFocusChange,
+        onFocusProp,
+        onSyntheticFocus
+    ]);
+    return {
+        focusProps: {
+            onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : undefined,
+            onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : undefined
+        }
+    };
+}
+
+export { $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as useFocus };