@ecohouse/ui 0.1.62 → 0.1.64

package/dist/index.cjs

@@ -31551,6 +31551,11 @@ var triggerWebBlurStyle = reactNative.Platform.OS === "web" ? {
   backdropFilter: "blur(40px)",
   WebkitBackdropFilter: "blur(40px)"
 } : {};
+var variantWebTransitionStyle = reactNative.Platform.OS === "web" ? {
+  transitionProperty: "background-color, border-color, box-shadow, backdrop-filter, -webkit-backdrop-filter",
+  transitionDuration: "200ms",
+  transitionTimingFunction: "ease"
+} : {};
 var menuWebBlurStyle = reactNative.Platform.OS === "web" ? {
   backdropFilter: "blur(40px)",
   WebkitBackdropFilter: "blur(40px)"
@@ -31656,6 +31661,7 @@ var Avatar = react.forwardRef(function Avatar2({
         accessibilityState: isInteractive ? { disabled, expanded: hasMenu ? isOpen : void 0 } : void 0,
         style: [
           styles6.root,
+          variantWebTransitionStyle,
           isLightVariant ? styles6.rootLight : styles6.rootDark,
           isLightVariant && triggerWebBlurStyle,
           disabled && styles6.disabled,
@@ -31711,6 +31717,7 @@ var Avatar = react.forwardRef(function Avatar2({
       {
         style: [
           styles6.menu,
+          variantWebTransitionStyle,
           isLightVariant ? styles6.menuLight : styles6.menuDark,
           isLightVariant && menuWebBlurStyle,
           menuWidth != null && { right: void 0, width: menuWidth }
@@ -31727,7 +31734,7 @@ var Avatar = react.forwardRef(function Avatar2({
               hoverColor: item.hoverColor ?? (isLightVariant ? colors.whiteAlpha7 : void 0),
               labelStyle: item.labelStyle,
               onPress: () => handleItemPress(item),
-              style: isLightVariant ? item.backgroundColor ? styles6.emphasizedMenuItem : styles6.menuItem : void 0
+              style: item.backgroundColor ? styles6.emphasizedMenuItem : styles6.menuItem
             },
             itemKey
           );
@@ -31837,6 +31844,9 @@ var styles6 = reactNative.StyleSheet.create({
     overflow: "hidden"
   },
   menuDark: {
+    // Matches menuLight's border so switching variants does not shift the menu by 2px.
+    borderWidth: 1,
+    borderColor: "transparent",
     backgroundColor: colors.grey700,
     ...reactNative.Platform.select({
       web: {
@@ -35234,7 +35244,7 @@ var DatePicker = react.forwardRef(
                                               style: [
                                                 styles27.dayCircle,
                                                 isSelectedEndpoint && styles27.dayCircleSelected,
-                                                dayUnavailable && styles27.dayCircleBooked,
+                                                dayUnavailable && styles27.dayCircleUnavailable,
                                                 isHovered && styles27.dayCircleHovered
                                               ],
                                               children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -35243,7 +35253,7 @@ var DatePicker = react.forwardRef(
                                                   style: [
                                                     styles27.dayText,
                                                     { color: dayTextColor },
-                                                    dayUnavailable && styles27.dayTextBooked
+                                                    dayUnavailable && styles27.dayTextUnavailable
                                                   ],
                                                   children: day.getDate()
                                                 }
@@ -35559,13 +35569,14 @@ var styles27 = reactNative.StyleSheet.create({
     borderRadius: 22,
     overflow: "hidden"
   },
-  dayCircleBooked: {
-    backgroundColor: colors.grey700,
+  /** Unavailable day: filled circle a step lighter than the calendar, dimmed number. */
+  dayCircleUnavailable: {
+    backgroundColor: colors.grey600,
     borderRadius: 22,
     overflow: "hidden"
   },
-  dayTextBooked: {
-    textDecorationLine: "line-through"
+  dayTextUnavailable: {
+    color: colors.grey200
   },
   dayCircleHovered: {
     backgroundColor: colors.grey600
@@ -36731,11 +36742,13 @@ function reconcileVerificationCells(cells, code, length) {
 }
 function updateVerificationCells(currentCells, index, input, length) {
   const safeLength = Math.max(1, length);
-  const safeIndex = Math.min(Math.max(0, index), safeLength - 1);
+  const focusedIndex = Math.min(Math.max(0, index), safeLength - 1);
   const cells = Array.from({ length: safeLength }, (_, cellIndex) => {
     const cell = currentCells[cellIndex] ?? "";
     return /^\d$/.test(cell) ? cell : "";
   });
+  const pastedDigits = input.replace(/\D/g, "");
+  const safeIndex = pastedDigits.length > 1 && pastedDigits.length > safeLength - focusedIndex ? 0 : focusedIndex;
   const insertedDigits = normalizeVerificationCode(input, safeLength - safeIndex);
   if (!insertedDigits) {
     cells[safeIndex] = "";