@ecohouse/ui 0.1.60 → 0.1.62

package/dist/index.cjs

@@ -18771,29 +18771,29 @@ var require_react_dom_development = __commonJS({
           }
           return [newState, dispatch];
         }
-        function mountMutableSource(source, getSnapshot, subscribe) {
+        function mountMutableSource(source, getSnapshot, subscribe2) {
           {
             return void 0;
           }
         }
-        function updateMutableSource(source, getSnapshot, subscribe) {
+        function updateMutableSource(source, getSnapshot, subscribe2) {
           {
             return void 0;
           }
         }
-        function mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+        function mountSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2) {
           var fiber = currentlyRenderingFiber$1;
           var hook = mountWorkInProgressHook();
           var nextSnapshot;
           var isHydrating2 = getIsHydrating();
           if (isHydrating2) {
-            if (getServerSnapshot === void 0) {
+            if (getServerSnapshot2 === void 0) {
               throw new Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");
             }
-            nextSnapshot = getServerSnapshot();
+            nextSnapshot = getServerSnapshot2();
             {
               if (!didWarnUncachedGetSnapshot) {
-                if (nextSnapshot !== getServerSnapshot()) {
+                if (nextSnapshot !== getServerSnapshot2()) {
                   error("The result of getServerSnapshot should be cached to avoid an infinite loop");
                   didWarnUncachedGetSnapshot = true;
                 }
@@ -18824,12 +18824,12 @@ var require_react_dom_development = __commonJS({
             getSnapshot
           };
           hook.queue = inst;
-          mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [subscribe]);
+          mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe2), [subscribe2]);
           fiber.flags |= Passive;
           pushEffect(HasEffect | Passive$1, updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot), void 0, null);
           return nextSnapshot;
         }
-        function updateSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+        function updateSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2) {
           var fiber = currentlyRenderingFiber$1;
           var hook = updateWorkInProgressHook();
           var nextSnapshot = getSnapshot();
@@ -18849,7 +18849,7 @@ var require_react_dom_development = __commonJS({
             markWorkInProgressReceivedUpdate();
           }
           var inst = hook.queue;
-          updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [subscribe]);
+          updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe2), [subscribe2]);
           if (inst.getSnapshot !== getSnapshot || snapshotChanged || // Check if the susbcribe function changed. We can save some memory by
           // checking whether we scheduled a subscription effect above.
           workInProgressHook !== null && workInProgressHook.memoizedState.tag & HasEffect) {
@@ -18892,13 +18892,13 @@ var require_react_dom_development = __commonJS({
             forceStoreRerender(fiber);
           }
         }
-        function subscribeToStore(fiber, inst, subscribe) {
+        function subscribeToStore(fiber, inst, subscribe2) {
           var handleStoreChange = function() {
             if (checkIfSnapshotChanged(inst)) {
               forceStoreRerender(fiber);
             }
           };
-          return subscribe(handleStoreChange);
+          return subscribe2(handleStoreChange);
         }
         function checkIfSnapshotChanged(inst) {
           var latestGetSnapshot = inst.getSnapshot;
@@ -19479,15 +19479,15 @@ var require_react_dom_development = __commonJS({
               mountHookTypesDev();
               return mountTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               mountHookTypesDev();
               return mountMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               mountHookTypesDev();
-              return mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+              return mountSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -19583,15 +19583,15 @@ var require_react_dom_development = __commonJS({
               updateHookTypesDev();
               return mountTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               updateHookTypesDev();
               return mountMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               updateHookTypesDev();
-              return mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+              return mountSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -19687,15 +19687,15 @@ var require_react_dom_development = __commonJS({
               updateHookTypesDev();
               return updateTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               updateHookTypesDev();
               return updateMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               updateHookTypesDev();
-              return updateSyncExternalStore(subscribe, getSnapshot);
+              return updateSyncExternalStore(subscribe2, getSnapshot);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -19791,15 +19791,15 @@ var require_react_dom_development = __commonJS({
               updateHookTypesDev();
               return rerenderTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               updateHookTypesDev();
               return updateMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               updateHookTypesDev();
-              return updateSyncExternalStore(subscribe, getSnapshot);
+              return updateSyncExternalStore(subscribe2, getSnapshot);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -19909,17 +19909,17 @@ var require_react_dom_development = __commonJS({
               mountHookTypesDev();
               return mountTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               warnInvalidHookAccess();
               mountHookTypesDev();
               return mountMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               warnInvalidHookAccess();
               mountHookTypesDev();
-              return mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+              return mountSyncExternalStore(subscribe2, getSnapshot, getServerSnapshot2);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -20030,17 +20030,17 @@ var require_react_dom_development = __commonJS({
               updateHookTypesDev();
               return updateTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               warnInvalidHookAccess();
               updateHookTypesDev();
               return updateMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               warnInvalidHookAccess();
               updateHookTypesDev();
-              return updateSyncExternalStore(subscribe, getSnapshot);
+              return updateSyncExternalStore(subscribe2, getSnapshot);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -20151,17 +20151,17 @@ var require_react_dom_development = __commonJS({
               updateHookTypesDev();
               return rerenderTransition();
             },
-            useMutableSource: function(source, getSnapshot, subscribe) {
+            useMutableSource: function(source, getSnapshot, subscribe2) {
               currentHookNameInDev = "useMutableSource";
               warnInvalidHookAccess();
               updateHookTypesDev();
               return updateMutableSource();
             },
-            useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
+            useSyncExternalStore: function(subscribe2, getSnapshot, getServerSnapshot2) {
               currentHookNameInDev = "useSyncExternalStore";
               warnInvalidHookAccess();
               updateHookTypesDev();
-              return updateSyncExternalStore(subscribe, getSnapshot);
+              return updateSyncExternalStore(subscribe2, getSnapshot);
             },
             useId: function() {
               currentHookNameInDev = "useId";
@@ -28619,7 +28619,7 @@ var languageSwitcherTypography = {
   fontFamily: fonts.sans,
   fontSize: 14,
   fontWeight: "600",
-  lineHeight: 14,
+  lineHeight: 18,
   letterSpacing: 0.42
 };
 var counterTypography = {
@@ -30177,6 +30177,12 @@ function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
   ) });
 }
 
+// src/icons/PaymentCard/paymentCardPath.ts
+var PAYMENT_CARD_PATH = "M4.66536 10H6.66536C6.84218 10 7.01174 9.9298 7.13677 9.80478C7.26179 9.67975 7.33203 9.51019 7.33203 9.33337C7.33203 9.15656 7.26179 8.98699 7.13677 8.86197C7.01174 8.73695 6.84218 8.66671 6.66536 8.66671H4.66536C4.48855 8.66671 4.31898 8.73695 4.19396 8.86197C4.06894 8.98699 3.9987 9.15656 3.9987 9.33337C3.9987 9.51019 4.06894 9.67975 4.19396 9.80478C4.31898 9.9298 4.48855 10 4.66536 10ZM12.6654 3.33337H3.33203C2.8016 3.33337 2.29289 3.54409 1.91782 3.91916C1.54274 4.29423 1.33203 4.80294 1.33203 5.33337V11.3334C1.33203 11.8638 1.54274 12.3725 1.91782 12.7476C2.29289 13.1227 2.8016 13.3334 3.33203 13.3334H12.6654C13.1958 13.3334 13.7045 13.1227 14.0796 12.7476C14.4546 12.3725 14.6654 11.8638 14.6654 11.3334V5.33337C14.6654 4.80294 14.4546 4.29423 14.0796 3.91916C13.7045 3.54409 13.1958 3.33337 12.6654 3.33337ZM13.332 11.3334C13.332 11.5102 13.2618 11.6798 13.1368 11.8048C13.0117 11.9298 12.8422 12 12.6654 12H3.33203C3.15522 12 2.98565 11.9298 2.86063 11.8048C2.7356 11.6798 2.66536 11.5102 2.66536 11.3334V7.33337H13.332V11.3334ZM13.332 6.00004H2.66536V5.33337C2.66536 5.15656 2.7356 4.98699 2.86063 4.86197C2.98565 4.73695 3.15522 4.66671 3.33203 4.66671H12.6654C12.8422 4.66671 13.0117 4.73695 13.1368 4.86197C13.2618 4.98699 13.332 5.15656 13.332 5.33337V6.00004Z";
+function PaymentCardIcon({ size = 16, color = colors.grey100 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Svg31__default.default, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(Svg31.Path, { d: PAYMENT_CARD_PATH, fill: color }) });
+}
+
 // src/icons/Plus/plusPath.ts
 var PLUS_PATH = "M8.00004 3.33325V12.6666M3.33337 7.99992H12.6667";
 function PlusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
@@ -30207,6 +30213,12 @@ function RefreshIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
   ) });
 }
 
+// src/icons/Receipt/receiptPath.ts
+var RECEIPT_PATH = "M6.66667 5.33337H10.6667C10.8435 5.33337 11.013 5.26314 11.1381 5.13811C11.2631 5.01309 11.3333 4.84352 11.3333 4.66671C11.3333 4.4899 11.2631 4.32033 11.1381 4.1953C11.013 4.07028 10.8435 4.00004 10.6667 4.00004H6.66667C6.48986 4.00004 6.32029 4.07028 6.19526 4.1953C6.07024 4.32033 6 4.4899 6 4.66671C6 4.84352 6.07024 5.01309 6.19526 5.13811C6.32029 5.26314 6.48986 5.33337 6.66667 5.33337ZM5.33333 8.00004H10.6667C10.8435 8.00004 11.013 7.9298 11.1381 7.80478C11.2631 7.67975 11.3333 7.51019 11.3333 7.33337C11.3333 7.15656 11.2631 6.98699 11.1381 6.86197C11.013 6.73695 10.8435 6.66671 10.6667 6.66671H5.33333C5.15652 6.66671 4.98695 6.73695 4.86193 6.86197C4.7369 6.98699 4.66667 7.15656 4.66667 7.33337C4.66667 7.51019 4.7369 7.67975 4.86193 7.80478C4.98695 7.9298 5.15652 8.00004 5.33333 8.00004ZM5.33333 10.6667H10.6667C10.8435 10.6667 11.013 10.5965 11.1381 10.4714C11.2631 10.3464 11.3333 10.1769 11.3333 10C11.3333 9.82323 11.2631 9.65366 11.1381 9.52864C11.013 9.40361 10.8435 9.33337 10.6667 9.33337H5.33333C5.15652 9.33337 4.98695 9.40361 4.86193 9.52864C4.7369 9.65366 4.66667 9.82323 4.66667 10C4.66667 10.1769 4.7369 10.3464 4.86193 10.4714C4.98695 10.5965 5.15652 10.6667 5.33333 10.6667ZM13.3333 1.33337H2.66667C2.48986 1.33337 2.32029 1.40361 2.19526 1.52864C2.07024 1.65366 2 1.82323 2 2.00004V14C2 14.1238 2.03448 14.2452 2.09957 14.3505C2.16466 14.4558 2.25779 14.541 2.36852 14.5963C2.47926 14.6517 2.60323 14.6751 2.72654 14.664C2.84984 14.6529 2.96762 14.6077 3.06667 14.5334L4.44667 13.5L5.82 14.5334C5.9354 14.6199 6.07575 14.6667 6.22 14.6667C6.36425 14.6667 6.5046 14.6199 6.62 14.5334L8 13.5L9.38 14.5334C9.4954 14.6199 9.63575 14.6667 9.78 14.6667C9.92425 14.6667 10.0646 14.6199 10.18 14.5334L11.5533 13.5L12.9333 14.5334C13.0329 14.6075 13.1511 14.6525 13.2748 14.6631C13.3985 14.6737 13.5226 14.6495 13.6333 14.5934C13.7433 14.538 13.8357 14.4532 13.9005 14.3485C13.9652 14.2438 13.9996 14.1232 14 14V2.00004C14 1.82323 13.9298 1.65366 13.8047 1.52864C13.6797 1.40361 13.5101 1.33337 13.3333 1.33337ZM12.6667 12.6667L11.9533 12.1334C11.8379 12.0468 11.6976 12 11.5533 12C11.4091 12 11.2687 12.0468 11.1533 12.1334L9.78 13.1667L8.4 12.1334C8.2846 12.0468 8.14425 12 8 12C7.85575 12 7.7154 12.0468 7.6 12.1334L6.22 13.1667L4.84667 12.1334C4.73127 12.0468 4.59091 12 4.44667 12C4.30242 12 4.16206 12.0468 4.04667 12.1334L3.33333 12.6667V2.66671H12.6667V12.6667Z";
+function ReceiptIcon({ size = 16, color = colors.grey100 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Svg31__default.default, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(Svg31.Path, { d: RECEIPT_PATH, fill: color }) });
+}
+
 // src/icons/RefundStatus/refundStatusPath.ts
 var REFUND_STATUS_PATH = "M15.1333 7.66667L13.8004 9L12.4666 7.66667M13.9634 8.66667C13.9876 8.44778 14 8.22534 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C9.88484 14 11.5667 13.1309 12.6667 11.7716M8 4.66667V8L10 9.33333";
 function RefundStatusIcon({
@@ -30667,12 +30679,14 @@ var icons = {
   notificationSuccess: NotificationSuccessIcon,
   notificationWarning: NotificationWarningIcon,
   paw: PawIcon,
+  paymentCard: PaymentCardIcon,
   phone: PhoneIcon,
   qrCode: QrCodeIcon,
   quietHours: QuietHoursIcon,
   ratingStar: RatingStarIcon,
   plus: PlusIcon,
   refresh: RefreshIcon,
+  receipt: ReceiptIcon,
   refundStatus: RefundStatusIcon,
   search: SearchIcon,
   saveHeart: SaveHeartIcon,
@@ -33148,14 +33162,23 @@ var styles18 = reactNative.StyleSheet.create({
     includeFontPadding: false
   }
 });
+
+// src/components/Counter/Counter.utils.ts
+function clampCounterValue(value, min, max) {
+  return Math.max(min, max === void 0 ? value : Math.min(value, max));
+}
+function resolveCounterValue(controlledValue, uncontrolledValue, min, max) {
+  if (controlledValue !== void 0 && Number.isFinite(controlledValue)) return controlledValue;
+  return clampCounterValue(controlledValue === void 0 ? uncontrolledValue : min, min, max);
+}
+function stepCounterValue(current, delta, min, max) {
+  return clampCounterValue(current + delta, min, max);
+}
 var BUTTON_SIZE = 32;
 var webBlurStyle7 = reactNative.Platform.OS === "web" ? {
   backdropFilter: "blur(20px)",
   WebkitBackdropFilter: "blur(20px)"
 } : {};
-function clamp(value, min, max) {
-  return Math.max(min, max === void 0 ? value : Math.min(value, max));
-}
 var Counter = react.forwardRef(function Counter2({
   value,
   defaultValue,
@@ -33173,16 +33196,16 @@ var Counter = react.forwardRef(function Counter2({
   const containerRef = react.useRef(null);
   const isControlled = value !== void 0;
   const [uncontrolledValue, setUncontrolledValue] = react.useState(
-    () => clamp(defaultValue ?? min, min, max)
+    () => clampCounterValue(defaultValue ?? min, min, max)
   );
-  const resolvedValue = clamp(isControlled ? value : uncontrolledValue, min, max);
+  const resolvedValue = resolveCounterValue(value, uncontrolledValue, min, max);
   const resolvedClassName = className?.trim() || void 0;
   const setContainerRef = react.useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
   const decrementDisabled = disabled || resolvedValue <= min;
   const incrementDisabled = disabled || max !== void 0 && resolvedValue >= max;
   useApplyWebClassName(containerRef, resolvedClassName);
-  const updateValue = (nextValue) => {
-    const next = clamp(nextValue, min, max);
+  const updateValue = (delta) => {
+    const next = stepCounterValue(resolvedValue, delta, min, max);
     if (next === resolvedValue) return;
     if (!isControlled) setUncontrolledValue(next);
     onValueChange?.(next);
@@ -33192,7 +33215,7 @@ var Counter = react.forwardRef(function Counter2({
     {
       disabled: decrementDisabled,
       hitSlop,
-      onPress: () => updateValue(resolvedValue - step),
+      onPress: () => updateValue(-step),
       accessibilityRole: "button",
       accessibilityLabel: "Decrease value",
       accessibilityState: { disabled: decrementDisabled },
@@ -33205,7 +33228,7 @@ var Counter = react.forwardRef(function Counter2({
     {
       disabled: incrementDisabled,
       hitSlop,
-      onPress: () => updateValue(resolvedValue + step),
+      onPress: () => updateValue(step),
       accessibilityRole: "button",
       accessibilityLabel: "Increase value",
       accessibilityState: { disabled: incrementDisabled },
@@ -34488,6 +34511,15 @@ var styles25 = reactNative.StyleSheet.create({
     top: 0
   }
 });
+
+// src/utils/webToggleKey.ts
+function handleWebToggleKeyDown(event, onToggle) {
+  const isSpace = event.key === " " || event.key === "Spacebar";
+  if (!isSpace || event.target !== event.currentTarget) return false;
+  event.preventDefault();
+  if (!event.repeat) onToggle();
+  return true;
+}
 var BOX_SIZE = 20;
 var BOX_RADIUS = 6;
 var CHECK_SIZE = 12;
@@ -34543,6 +34575,8 @@ var Checkbox = react.forwardRef(function Checkbox2({
       accessibilityRole: "checkbox",
       accessibilityLabel: resolvedAccessibilityLabel,
       accessibilityState: { checked: isActive, disabled },
+      "aria-checked": isActive,
+      ...reactNative.Platform.OS === "web" && !disabled ? { onKeyDown: (event) => handleWebToggleKeyDown(event, handlePress) } : null,
       style: [styles26.root, disabled && styles26.disabled, style],
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -34636,8 +34670,23 @@ function abbreviateMonthName(monthName, letterCount = 3) {
   }
   return chars.slice(0, end).join("");
 }
+function abbreviateMonthNames(monthNames, letterCount = 3) {
+  return monthNames.map((name, index) => {
+    const maxLetters = abbreviatedLetterCount(name);
+    let count = letterCount;
+    while (count < maxLetters && monthNames.some(
+      (other, otherIndex) => otherIndex !== index && abbreviateMonthName(other, count) === abbreviateMonthName(name, count)
+    )) {
+      count += 1;
+    }
+    return abbreviateMonthName(name, count);
+  });
+}
+function abbreviatedLetterCount(monthName) {
+  return Array.from(monthName.replace(/ու/g, "u")).length;
+}
 function formatDateDayShortMonth(date, monthNames, letterCount = 3) {
-  const month = abbreviateMonthName(monthNames[date.getMonth()] ?? "", letterCount);
+  const month = abbreviateMonthNames(monthNames, letterCount)[date.getMonth()] ?? "";
   return `${date.getDate()} ${month} ${date.getFullYear()}`;
 }
 function getMonthMatrix(monthDate, weekStartsOn = 1) {
@@ -34661,6 +34710,78 @@ function getMonthMatrix(monthDate, weekStartsOn = 1) {
   }
   return weeks;
 }
+
+// src/utils/overlayStack.ts
+function createOverlayStack(target) {
+  const layers = [];
+  const top = (kind) => {
+    for (let index = layers.length - 1; index >= 0; index -= 1) {
+      if (layers[index].kind === kind) return layers[index];
+    }
+    return void 0;
+  };
+  const handleCapture = (event) => {
+    const layer = top("popover");
+    if (event.key !== "Escape" || event.defaultPrevented || !layer) return;
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    layer.onEscape();
+  };
+  const handleBubble = (event) => {
+    const layer = top("overlay");
+    if (event.key !== "Escape" || event.defaultPrevented || !layer) return;
+    event.preventDefault();
+    layer.onEscape();
+  };
+  return {
+    push(layer) {
+      layers.push(layer);
+      if (layers.length === 1) {
+        target.addEventListener("keydown", handleCapture, true);
+        target.addEventListener("keydown", handleBubble, false);
+      }
+      return () => {
+        const index = layers.indexOf(layer);
+        if (index === -1) return;
+        layers.splice(index, 1);
+        if (layers.length === 0) {
+          target.removeEventListener("keydown", handleCapture, true);
+          target.removeEventListener("keydown", handleBubble, false);
+        }
+      };
+    },
+    isTop: (layer) => top(layer.kind) === layer
+  };
+}
+var documentStack = null;
+function getDocumentOverlayStack() {
+  if (!documentStack) {
+    documentStack = createOverlayStack(document);
+  }
+  return documentStack;
+}
+
+// src/utils/useOverlayLayer.ts
+function useOverlayLayer(kind, active, onEscape) {
+  const onEscapeRef = react.useRef(onEscape);
+  onEscapeRef.current = onEscape;
+  const layerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!active || reactNative.Platform.OS !== "web" || typeof document === "undefined") return void 0;
+    const layer = { kind, onEscape: () => onEscapeRef.current() };
+    const stack = getDocumentOverlayStack();
+    const remove = stack.push(layer);
+    layerRef.current = layer;
+    return () => {
+      remove();
+      if (layerRef.current === layer) layerRef.current = null;
+    };
+  }, [active, kind]);
+  return react.useCallback(() => {
+    const layer = layerRef.current;
+    return layer !== null && getDocumentOverlayStack().isTop(layer);
+  }, []);
+}
 var DEFAULT_MONTH_NAMES = [
   "\u0540\u0578\u0582\u0576\u057E\u0561\u0580",
   "\u0553\u0565\u057F\u0580\u057E\u0561\u0580",
@@ -34855,17 +34976,7 @@ var DatePicker = react.forwardRef(
       setOpen(false);
       focusTrigger();
     }, [focusTrigger, setOpen]);
-    react.useEffect(() => {
-      if (reactNative.Platform.OS !== "web" || !isOpen) return;
-      const handleKeyDown = (event) => {
-        if (event.key === "Escape") {
-          event.preventDefault();
-          closeAndFocusTrigger();
-        }
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isOpen, closeAndFocusTrigger]);
+    useOverlayLayer("popover", isOpen, closeAndFocusTrigger);
     const handleTriggerPress = () => {
       if (disabled) return;
       setOpen(!isOpen);
@@ -34955,6 +35066,7 @@ var DatePicker = react.forwardRef(
                   accessibilityRole: "button",
                   accessibilityLabel: resolvedAccessibilityLabel,
                   accessibilityState: { disabled, expanded: isOpen },
+                  "aria-expanded": isOpen,
                   style: [
                     styles27.trigger,
                     usesRangeTrigger && styles27.rangeTrigger,
@@ -35513,6 +35625,78 @@ var styles28 = reactNative.StyleSheet.create({
 
 // src/components/Modal/Modal.tsx
 var import_react_dom = __toESM(require_react_dom());
+var subscribe = () => () => {
+};
+var getClientSnapshot = () => true;
+var getServerSnapshot = () => false;
+function useHydrated() {
+  return react.useSyncExternalStore(subscribe, getClientSnapshot, getServerSnapshot);
+}
+
+// src/utils/focusTrap.ts
+var TABBABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button",
+  "input:not([type='hidden'])",
+  "select",
+  "textarea",
+  "iframe",
+  "[contenteditable='true']",
+  "[tabindex]"
+].join(",");
+function getTabbableElements(container) {
+  return Array.from(container.querySelectorAll(TABBABLE_SELECTOR)).filter(
+    (element) => element.tabIndex >= 0 && !element.hasAttribute("disabled") && element.getAttribute("aria-hidden") !== "true" && element.getClientRects().length > 0
+  );
+}
+function getWrappedFocusIndex(count, currentIndex, backwards) {
+  if (count === 0) return null;
+  if (currentIndex === -1) return backwards ? count - 1 : 0;
+  if (backwards && currentIndex === 0) return count - 1;
+  if (!backwards && currentIndex === count - 1) return 0;
+  return null;
+}
+
+// src/utils/useWebFocusTrap.ts
+function useWebFocusTrap(containerRef, active, isTopLayer) {
+  react.useEffect(() => {
+    if (!active || reactNative.Platform.OS !== "web" || typeof document === "undefined") return void 0;
+    const container = containerRef.current;
+    if (!container) return void 0;
+    const previouslyFocused = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    if (!container.contains(document.activeElement)) container.focus({ preventScroll: true });
+    const handleKeyDown = (event) => {
+      if (event.key !== "Tab" || event.defaultPrevented || !isTopLayer()) return;
+      const activeElement = document.activeElement;
+      if (activeElement !== null && activeElement !== document.body && !container.contains(activeElement)) {
+        return;
+      }
+      const tabbables = getTabbableElements(container);
+      if (tabbables.length === 0) {
+        event.preventDefault();
+        container.focus({ preventScroll: true });
+        return;
+      }
+      const nextIndex = getWrappedFocusIndex(
+        tabbables.length,
+        tabbables.indexOf(activeElement),
+        event.shiftKey
+      );
+      if (nextIndex === null) return;
+      event.preventDefault();
+      tabbables[nextIndex].focus();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      const current = document.activeElement;
+      if (previouslyFocused?.isConnected && (current === null || current === document.body || container.contains(current))) {
+        previouslyFocused.focus({ preventScroll: true });
+      }
+    };
+  }, [active, containerRef, isTopLayer]);
+}
 var BACKDROP_COLOR = "#09090933";
 var WEB_Z_INDEX = 500;
 var webBackdropDomStyle = {
@@ -35540,6 +35724,13 @@ var webRootDomStyle = {
   alignItems: "center",
   justifyContent: "center"
 };
+var webDialogDomStyle = {
+  position: "relative",
+  zIndex: 1,
+  maxWidth: "100%",
+  maxHeight: "100%",
+  outline: "none"
+};
 var Modal = react.forwardRef(function Modal2({
   open,
   onClose,
@@ -35550,22 +35741,22 @@ var Modal = react.forwardRef(function Modal2({
   className
 }, forwardedRef) {
   const contentRef = react.useRef(null);
+  const dialogRef = react.useRef(null);
   const setContentRef = react.useMemo(() => mergeRefs(contentRef, forwardedRef), [forwardedRef]);
   const resolvedClassName = className?.trim() || void 0;
-  useApplyWebClassName(contentRef, resolvedClassName, open && reactNative.Platform.OS === "web");
+  const hydrated = useHydrated();
+  const webOpen = open && hydrated && reactNative.Platform.OS === "web";
+  useApplyWebClassName(contentRef, resolvedClassName, webOpen);
   react.useEffect(() => {
-    if (!open || reactNative.Platform.OS !== "web") return void 0;
+    if (!webOpen) return void 0;
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKeyDown);
     return () => {
       document.body.style.overflow = previousOverflow;
-      document.removeEventListener("keydown", onKeyDown);
     };
-  }, [open, onClose]);
+  }, [webOpen]);
+  const isTopLayer = useOverlayLayer("overlay", webOpen, onClose);
+  useWebFocusTrap(dialogRef, webOpen, isTopLayer);
   const content = /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.View,
     {
@@ -35576,7 +35767,7 @@ var Modal = react.forwardRef(function Modal2({
     }
   );
   if (reactNative.Platform.OS === "web") {
-    if (!open || typeof document === "undefined") return null;
+    if (!webOpen) return null;
     return (0, import_react_dom.createPortal)(
       /* @__PURE__ */ jsxRuntime.jsxs("div", { style: webRootDomStyle, role: "presentation", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -35589,7 +35780,16 @@ var Modal = react.forwardRef(function Modal2({
             style: webBackdropDomStyle
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 1, maxWidth: "100%", maxHeight: "100%" }, children: content })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: dialogRef,
+            role: "dialog",
+            tabIndex: -1,
+            style: webDialogDomStyle,
+            children: content
+          }
+        )
       ] }),
       document.body
     );
@@ -35664,20 +35864,18 @@ var Drawer = react.forwardRef(function Drawer2({
   const [entered, setEntered] = react.useState(false);
   const animatedWidth = react.useRef(new reactNative.Animated.Value(open ? width : 0)).current;
   const animatedBackdrop = react.useRef(new reactNative.Animated.Value(open ? 1 : 0)).current;
-  useApplyWebClassName(panelRef, resolvedClassName, mounted && reactNative.Platform.OS === "web");
+  const hydrated = useHydrated();
+  const webMounted = mounted && hydrated && reactNative.Platform.OS === "web";
+  useApplyWebClassName(panelRef, resolvedClassName, webMounted);
   react.useEffect(() => {
-    if (!mounted || reactNative.Platform.OS !== "web") return void 0;
+    if (!webMounted) return void 0;
     const previousOverflow = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") onClose();
-    };
-    document.addEventListener("keydown", onKeyDown);
     return () => {
       document.body.style.overflow = previousOverflow;
-      document.removeEventListener("keydown", onKeyDown);
     };
-  }, [mounted, onClose]);
+  }, [webMounted]);
+  useOverlayLayer("overlay", webMounted && open, onClose);
   const targetWidth = Math.min(width, typeof window !== "undefined" ? window.innerWidth : width);
   const playWidth = react.useCallback(
     (target) => {
@@ -35718,7 +35916,7 @@ var Drawer = react.forwardRef(function Drawer2({
     };
   }, [open, animationDuration, playWidth]);
   react.useEffect(() => {
-    if (reactNative.Platform.OS !== "web" || !mounted || !open) return void 0;
+    if (!webMounted || !open) return void 0;
     const shell = shellRef.current;
     if (shell) {
       shell.style.transition = "none";
@@ -35731,7 +35929,7 @@ var Drawer = react.forwardRef(function Drawer2({
       });
     });
     return () => cancelAnimationFrame(frame);
-  }, [mounted, open, targetWidth, playWidth]);
+  }, [webMounted, open, targetWidth, playWidth]);
   react.useEffect(() => {
     if (reactNative.Platform.OS === "web") return void 0;
     if (open) {
@@ -35812,7 +36010,7 @@ var Drawer = react.forwardRef(function Drawer2({
     }
   );
   if (reactNative.Platform.OS === "web") {
-    if (!mounted || typeof document === "undefined") return null;
+    if (!webMounted) return null;
     return (0, import_react_dom2.createPortal)(
       /* @__PURE__ */ jsxRuntime.jsxs(
         "div",
@@ -36512,21 +36710,42 @@ var styles32 = reactNative.StyleSheet.create({
 function normalizeVerificationCode(value, length) {
   return value.replace(/\D/g, "").slice(0, Math.max(1, length));
 }
-function updateVerificationCode(currentCode, index, input, length) {
+function toVerificationCells(code, length) {
+  const safeLength = Math.max(1, length);
+  const digits = normalizeVerificationCode(code, safeLength);
+  return Array.from({ length: safeLength }, (_, index) => digits[index] ?? "");
+}
+function verificationCellsToCode(cells) {
+  return cells.join("");
+}
+function isVerificationCodeComplete(cells) {
+  return cells.length > 0 && cells.every((cell) => cell !== "");
+}
+function reconcileVerificationCells(cells, code, length) {
+  const safeLength = Math.max(1, length);
+  const normalized = normalizeVerificationCode(code, safeLength);
+  if (cells.length === safeLength && verificationCellsToCode(cells) === normalized) {
+    return [...cells];
+  }
+  return toVerificationCells(normalized, safeLength);
+}
+function updateVerificationCells(currentCells, index, input, length) {
   const safeLength = Math.max(1, length);
   const safeIndex = Math.min(Math.max(0, index), safeLength - 1);
-  const current = normalizeVerificationCode(currentCode, safeLength);
+  const cells = Array.from({ length: safeLength }, (_, cellIndex) => {
+    const cell = currentCells[cellIndex] ?? "";
+    return /^\d$/.test(cell) ? cell : "";
+  });
   const insertedDigits = normalizeVerificationCode(input, safeLength - safeIndex);
   if (!insertedDigits) {
-    return {
-      code: `${current.slice(0, safeIndex)}${current.slice(safeIndex + 1)}`,
-      nextFocus: safeIndex
-    };
+    cells[safeIndex] = "";
+    return { cells, nextFocus: safeIndex };
   }
+  Array.from(insertedDigits).forEach((digit, offset) => {
+    cells[safeIndex + offset] = digit;
+  });
   return {
-    code: `${current.slice(0, safeIndex)}${insertedDigits}${current.slice(
-      safeIndex + insertedDigits.length
-    )}`.slice(0, safeLength),
+    cells,
     nextFocus: Math.min(safeIndex + insertedDigits.length, safeLength - 1)
   };
 }
@@ -36557,17 +36776,17 @@ var VerificationCodeInput = react.forwardRef(function VerificationCodeInput2({
 }, forwardedRef) {
   const safeLength = Math.max(1, Math.floor(length));
   const isControlled = typeof value === "string";
-  const [uncontrolledValue, setUncontrolledValue] = react.useState(
-    () => normalizeVerificationCode(defaultValue, safeLength)
-  );
+  const [cellsState, setCellsState] = react.useState(() => toVerificationCells(defaultValue, safeLength));
   const [focusedIndex, setFocusedIndex] = react.useState(null);
   const { width: viewportWidth } = reactNative.useWindowDimensions();
   const rootRef = react.useRef(null);
   const inputRefs = react.useRef([]);
-  const currentCode = normalizeVerificationCode(
-    isControlled ? value : uncontrolledValue,
+  const cells = reconcileVerificationCells(
+    cellsState,
+    isControlled ? value : verificationCellsToCode(cellsState),
     safeLength
   );
+  const currentCode = verificationCellsToCode(cells);
   useApplyWebClassName(rootRef, className);
   const focus = react.useCallback(
     (index = 0) => {
@@ -36577,39 +36796,37 @@ var VerificationCodeInput = react.forwardRef(function VerificationCodeInput2({
     [safeLength]
   );
   const commit = react.useCallback(
-    (nextValue) => {
-      const normalized = normalizeVerificationCode(nextValue, safeLength);
-      if (!isControlled) {
-        setUncontrolledValue(normalized);
-      }
-      onValueChange?.(normalized);
-      if (normalized.length === safeLength) {
-        onComplete?.(normalized);
+    (nextCells) => {
+      setCellsState(nextCells);
+      const code = verificationCellsToCode(nextCells);
+      onValueChange?.(code);
+      if (isVerificationCodeComplete(nextCells)) {
+        onComplete?.(code);
       }
     },
-    [isControlled, onComplete, onValueChange, safeLength]
+    [onComplete, onValueChange]
   );
   react.useImperativeHandle(
     forwardedRef,
     () => ({
       clear: () => {
-        commit("");
+        commit(toVerificationCells("", safeLength));
         focus(0);
       },
       focus
     }),
-    [commit, focus]
+    [commit, focus, safeLength]
   );
   const handleChange = (index, input) => {
-    const update = updateVerificationCode(currentCode, index, input, safeLength);
-    commit(update.code);
+    const update = updateVerificationCells(cells, index, input, safeLength);
+    commit(update.cells);
     focus(update.nextFocus);
   };
   const handleKeyPress = (index, event) => {
     const key = event.nativeEvent.key;
-    if (key === "Backspace" && !currentCode[index] && index > 0) {
-      const update = updateVerificationCode(currentCode, index - 1, "", safeLength);
-      commit(update.code);
+    if (key === "Backspace" && !cells[index] && index > 0) {
+      const update = updateVerificationCells(cells, index - 1, "", safeLength);
+      commit(update.cells);
       focus(index - 1);
       return;
     }
@@ -36677,7 +36894,7 @@ var VerificationCodeInput = react.forwardRef(function VerificationCodeInput2({
                     reactNative.Platform.OS === "android" ? styles33.cellAndroid : null,
                     inputStyle
                   ],
-                  value: currentCode[index] ?? ""
+                  value: cells[index] ?? ""
                 },
                 index
               );
@@ -36763,6 +36980,9 @@ var FALLBACK_ELLIPSIS_WIDTH = 20;
 var WEB_MENU_Z_INDEX = 600;
 var WEB_VIEWPORT_PADDING = 8;
 var WEB_MENU_GAP = 8;
+function webListboxProps(multiple) {
+  return { role: "listbox", "aria-multiselectable": multiple };
+}
 function itemBackground(state) {
   switch (state) {
     case "hover":
@@ -37076,6 +37296,7 @@ var Select = react.forwardRef(
       setOpen(false);
       focusTrigger();
     }, [focusTrigger, setOpen]);
+    useOverlayLayer("popover", isOpen, closeAndFocusTrigger);
     react.useEffect(() => {
       if (reactNative.Platform.OS !== "web") return;
       const isTriggerFocused = () => document.activeElement === triggerRef.current;
@@ -37089,11 +37310,6 @@ var Select = react.forwardRef(
           }
           return;
         }
-        if (event.key === "Escape") {
-          event.preventDefault();
-          closeAndFocusTrigger();
-          return;
-        }
         if (event.key === "ArrowDown" || event.key === "ArrowUp") {
           event.preventDefault();
           setHoveredValue((current) => {
@@ -37131,7 +37347,6 @@ var Select = react.forwardRef(
       filteredOptions,
       hoveredValue,
       multiple,
-      closeAndFocusTrigger,
       focusTrigger,
       handleSelect,
       setOpen
@@ -37198,6 +37413,7 @@ var Select = react.forwardRef(
               contentContainerStyle: styles34.optionListContent,
               keyboardShouldPersistTaps: "handled",
               showsVerticalScrollIndicator: false,
+              ...reactNative.Platform.OS === "web" ? webListboxProps(multiple) : null,
               children: [
                 loading ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles34.statusRow, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles34.statusText, children: "Loading..." }) }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles34.statusRow, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles34.statusText, children: emptyText }) }) : null,
                 !loading && filteredOptions.map((option) => {
@@ -37215,6 +37431,8 @@ var Select = react.forwardRef(
                       onPressOut: () => setHoveredValue((current) => current === option.value ? null : current),
                       accessibilityRole: multiple ? "checkbox" : "button",
                       accessibilityState: { selected: isSelected, checked: isSelected, disabled },
+                      role: reactNative.Platform.OS === "web" ? "option" : void 0,
+                      "aria-selected": isSelected,
                       style: [
                         styles34.item,
                         {
@@ -37255,6 +37473,7 @@ var Select = react.forwardRef(
                 accessibilityRole: "combobox",
                 accessibilityLabel: resolvedAccessibilityLabel,
                 accessibilityState: { disabled, expanded: isOpen },
+                "aria-expanded": isOpen,
                 style: [
                   styles34.trigger,
                   {
@@ -37738,6 +37957,8 @@ var Toggle = react.forwardRef(function Toggle2({
       accessibilityRole: "switch",
       accessibilityLabel: resolvedAccessibilityLabel,
       accessibilityState: { checked: isActive, disabled },
+      "aria-checked": isActive,
+      ...reactNative.Platform.OS === "web" && !disabled ? { onKeyDown: (event) => handleWebToggleKeyDown(event, handlePress) } : null,
       style: [styles36.pressable, disabled && styles36.disabled, style],
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -37889,7 +38110,7 @@ var BASE_ITEM_SIZE = 16;
 var ICON_WIDTH_RATIO = 12.57 / BASE_ITEM_SIZE;
 var ICON_HEIGHT_RATIO = 11.98 / BASE_ITEM_SIZE;
 var STAR_GAP_RATIO = 2 / BASE_ITEM_SIZE;
-function clamp2(value) {
+function clamp(value) {
   return Math.max(0, Math.min(value, STAR_COUNT));
 }
 var RatingInput = react.forwardRef(
@@ -37913,8 +38134,8 @@ var RatingInput = react.forwardRef(
     const containerRef = react.useRef(null);
     const setContainerRef = react.useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
     const isControlled = value !== void 0;
-    const [uncontrolledValue, setUncontrolledValue] = react.useState(() => clamp2(defaultValue));
-    const selectedValue = clamp2(isControlled ? value : uncontrolledValue);
+    const [uncontrolledValue, setUncontrolledValue] = react.useState(() => clamp(defaultValue));
+    const selectedValue = clamp(isControlled ? value : uncontrolledValue);
     const selectedStarCount = Math.round(selectedValue);
     const iconWidth = size * ICON_WIDTH_RATIO;
     const iconHeight = size * ICON_HEIGHT_RATIO;
@@ -39077,6 +39298,12 @@ var RadioButton = react.forwardRef(
         accessibilityRole: "radio",
         accessibilityLabel: resolvedAccessibilityLabel,
         accessibilityState: { selected: isActive, disabled },
+        ...reactNative.Platform.OS === "web" ? {
+          "aria-checked": isActive,
+          ...disabled ? null : {
+            onKeyDown: (event) => handleWebToggleKeyDown(event, handlePress)
+          }
+        } : null,
         style: [styles42.root, disabled && styles42.disabled, style],
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles42.control, children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles42.dot }) : null }),
@@ -39350,6 +39577,7 @@ exports.NotificationSuccessIcon = NotificationSuccessIcon;
 exports.NotificationWarningIcon = NotificationWarningIcon;
 exports.PaginationDots = PaginationDots;
 exports.PawIcon = PawIcon;
+exports.PaymentCardIcon = PaymentCardIcon;
 exports.PhoneIcon = PhoneIcon;
 exports.PlusIcon = PlusIcon;
 exports.QrCodeIcon = QrCodeIcon;
@@ -39360,6 +39588,7 @@ exports.RadioButton = RadioButton;
 exports.Range = Range;
 exports.RatingInput = RatingInput;
 exports.RatingStarIcon = RatingStarIcon;
+exports.ReceiptIcon = ReceiptIcon;
 exports.RefreshIcon = RefreshIcon;
 exports.RefundStatusIcon = RefundStatusIcon;
 exports.SaveHeartIcon = SaveHeartIcon;
@@ -39400,6 +39629,7 @@ exports.WasherIcon = WasherIcon;
 exports.WhatsAppIcon = WhatsAppIcon;
 exports.ZoomOutIcon = ZoomOutIcon;
 exports.abbreviateMonthName = abbreviateMonthName;
+exports.abbreviateMonthNames = abbreviateMonthNames;
 exports.avatarTypography = avatarTypography;
 exports.badgeTypography = badgeTypography;
 exports.buttonTypography = buttonTypography;